[JavaScript] 배열의 기초

배열의 생성

var arr1 = [1, 2, 3]; // 배열 리터럴을 이용한 생성
var arr2 = Array(1, 2, 3);  // Array 객체의 생성자를 이용한 생성
var arr3 = new Array(1, 2, 3); // new 연산자를 이용한 생성

세가지 방법은 모두 같은 배열을 만들어 준다.

 

배열의 참조

// 배열이름[인덱스]로 사용할 수 있다.
arr1.[1] // 2

자바스크립트에서는 배열 요소의 개수를 배열의 길이라고 한다.

이러한 배열의 길이는 length 프로퍼티에 자동으로 갱신된다.

 

length 프로퍼티

배열의 length 프로퍼티에는 배열 요소의 최대 인덱스 값 +1이 담겨있다.

length 프로퍼티 값을 가리켜 배열 길이라고 부른다.

arr1.length // 3

length 프로퍼티에 현재의 배열 요소 개수보다 작고 0보다 큰 정수 값을 대입하면 배열 길이가 줄어든다.

arr2.length = 2;

console.log(arr2); // [1, 2]

 

배열 요소의 추가

// push() 메소드를 이용하는 방법
arr1.push('hi'); // 배열의 제일 끝에 추가
console.log(arr1); // [1, 2, 3, 'hi']

// length 프로퍼티를 이용하는 방법
arr2[arr2.length] = 'wow'; // 배열의 제일 끝에 추가
console.log(arr2); // [1, 2, 'wow']

// 특정 인덱스를 지정하여 추가하는 방법
arr3[0] = 4;
console.log(arr3); // [4, 2, 3]

 

희소배열

배열에 요소를 추가하거나 제거하면 인덱스가 0부터 시작되지 않는 배열이 만들어 지는데, 이러한 배열을 희소배열이라고 한다.

var arr4 = [1, 2, 3, 4, 5];
arr4[6] = 6; // [1, 2, 3, 4, 5, 비어 있음, 6]