배열객체는 여러 개의 데이터를 하나의 저장소에 저장하기 위해 필요합니다.
변수에는 데이터가 한 개만 저장됩니다. 하지만 여러 개의 데이터를 하나의 저장소에 저장하는 것이 필요한 경우가 있는데요, 그럴때 배열 객체(Array Object)를 생성하면 됩니다.
배열 객체는 다음과 같이 생성합니다.
① var 참조 변수 = new Array( );
참조 변수[0]=값1; 참조 변수[1]=값2; 참조 변수[2]=값3; ... 참조 변수[n-1]= 값n;
② var 참조 변수 = new Array(값1, 값2, 값3, ... 값n);
③ var 참조 변수 = [값1, 값2, 값3, ... 값n];
위의 세가지 중에서 선호하는 방식을 사용하면 됩니다.
var d = new Array( );
d[0] = 10;
d[1] = "뚜뚜뚜"
d[2] = true;
var d = new Array(10, "뚜뚜뚜", true);
var d = [10, "뚜뚜뚜", true];
배열 객체에 저장된 데이터를 불러올 때는 다음과 같은 기본형을 사용합니다.
참조 변수[인덱스 번호];
종류 | 설명 |
join(연결문자) | 배열 객체의 데이터를 연결 문자 기준으로 1개의 문자형 데이터로 반환합니다. |
reverse( ) | 배열 객체의 데이터 순서를 거꾸로 바꾼 후 반환합니다. |
sort( ) | 배열 객체의 데이터를 오름차순으로 정렬합니다. |
slice(index1, index2) | 배열 객체의 데이터 중 원하는 인덱스 수간만큼 잘라서 배열 객체로 가져옵니다. |
splice( ) | 배열 객체의 지정 데이터를 삭제하고 그 구간에 새 데이터를 삽입할 수 있습니다. |
concat( ) | 2개의 배열 객체를 하나로 결합합니다. |
pop( ) | 배열에 저장된 데이터 중 마지막 인덱스에 저장된 데이터를 삭제합니다. |
push(new data) | 배열 객체의 마지막 인덱스에 새 데이터를 삽입합니다. |
shift( ) | 배열 객체에 저장된 데이터 중 첫 번째 인덱스에 저장된 데이터를 삭제합니다. |
unshift(new data) | 배열 객체의 가장 앞의 인덱스에 새 데이터를 삽입합니다. |
length | 배열에 저장된 총 데이터의 개수를 반환합니다. |
위는 배열 객체에서 사용할 수 있는 메소드와 속성입니다. 위의 메소드와 속성을 적절히 활용하면 배열의 순서를 바꿀 수 있을 뿐 아니라 배열 객체에 새 데이터의 삽입과 삭제도 가능합니다.
[Javascript] 자바스크립트 이벤트 종류 [이벤트 핸들러Event Handler] (0) | 2021.02.05 |
---|---|
[Javascript] 자바스크립트 함수 [함수 호이스팅 hoisting] (0) | 2021.02.05 |
[Javascript] 자바스크립트 객체 [window,location,document,DOM] (0) | 2021.02.03 |
[Javascript]자바스크립트 break문/continue문/중첩for 예제 (0) | 2021.02.01 |
[Javascript] 자바스크립트 제어문 [조건문/선택문/반복문] (0) | 2021.01.29 |
댓글 영역