지토의 개발일기/javaScript

[JavaScript] 배열객체

지아토 2021. 10. 20. 10:14

배열객체

 

여러개의 데이터를 하나의 장소에 저장하기 위해서는 배열 객체 (Array Object)를 생성하면된다 .

 

배열객체의 기본형은 다음과 같다. 

 

1 var 참조 변수 = new Array();
참조변수[0]=값1; 참조 변수[1]=값2; 참조변수[2]=값3; ... 참조 변수[n-1]=값n;
var 참조 변수 = new Array(값1 값2,값3 ...값n);
var 참조 변수 = [값1, 값2,값3 ... 값n]

 

배열 객체를 생성하는 방법은 다음과 같이 3가지가 있고 원하는 방식을 사용하면 됩니다. 

 

 

 

방법 1.

 

var d = new Array();
d[0] = 30;
d[1] = "하이";
d[2] = true;

 

방법 2. 

 

var d = new Array(30, "하이", true);

 

방법 3.

 

var d =[30, "하이" , true];

 

배열 객체의 메서드 및 속성

 

종류 설명
join(연결 문자) 배열 객체의 데이터를 연결 문자 기준으로 1개의 문자형 데이터로 반환
reverse() 배열 객체의 데이터 순서를 거꾸로 반꾼 후 반환
sort() 배열 객체의 데이터를 오름차순으로 정렬
slice(index1, index2)  배열 객체의 데이터중 원하는 인덱스 구간만큼 잘라서 배열 객체로 가져옴
splice() 배열 객체의 지정 데이터를 삭제하고 그 구간에 새 데이터를 삽입 가능
concat() 2개의 배열 객체 하나로 결합
pop() 배열에 저장된 데이터중 마지막 인덱스에 저장된 데이터를 삭제
push(new data) 배열 객체의 마지막 인덱스에 새 데이터 삽입
shift() 배열 객체에 저장된 데이터 중 첫 번째 인덱스에 저장된 데이터를 삭제
unshift(new data) 배열 객체의 가장 앞의 인덱스에 새 데이터를 삽입
length 배열에 저장된 총 데이터의 개수를 반환.

 

 

적용 예시 )

 

배열 값 불러는 코드 작성

 

 

출력 결과

 

 

예시2) 배열 객체 메서드 join(), concat(), slice(), sort(), reverse() 사용 예제.

 

 

코드 소스

 

 

 

출력 결과

 

 

 

예시3) splice(), pop(), push(), shift(), unshift() 를 사용한 예시

 

 

 

코드소스

 

 

출력 결과