자바스크립트에서 배열 및 배열 요소 다루기

자바스크립트에서 배열을 다루는 방법을 알아보자.

1. 배열의 생성

배열은 2가지 방법으로 만들 수 있다. 하나는 배열 리터럴 (literal) 을 이용한 방법이고 다른 하나는 new 키워드를 이용한 방법이다.

배열 리터럴로 배열을 생성한다.

var numberArray = [10, 20, 30, 40, 50];

new 키워드로 배열을 생성한다.

var numberArray = new Array(10, 20, 30, 40, 50);

2. 배열 요소에 접근하는 방법

배열 요소를 지정할 때는 배열 인덱스를 사용한다. 배열 인덱스는 1이 아니라 0부터 시작한다.

document.write(numberArray[0]);    // 10 을 출력한다.
document.write(numberArray[2]);    // 30 을 출력한다.
document.write(numberArray[4]);    // 50 을 출력한다.

3. 배열의 길이 구하기

배열의 길이는 배열 요소의 개수를 의미한다.

length 프로퍼티로 배열의 길이를 구해 보자.

document.write(numberArray.length);    // 5를 출력한다.

4. 배열 요소 추가하기

배열 요소를 추가할 때는 push() 메소드를 쓴다.

var numberArray = [10, 20, 30];
numberArray.push(40, 50);    // 40 과 50 을 추가한다.
ducument.write(numberArray);    // 10,20,30,40,50 을 출력한다.

5. 배열 요소 삭제하기

배열 요소를 삭제할 때는 pop() 메소드를 쓴다.

var numberArray = [10, 20, 30, 40, 50];
var lastElement = numberArray.pop();    // 마지막 배열 요소를 배열에서 삭제하고 변수에 저장한다.
ducument.write(numberArray);    // 10,20,30,40 을 출력한다.
ducument.write(lastElement);    // 50 을 출력한다.

6. 배열 요소 검색하기

배열 요소를 검색하여 인덱스를 구할 때는 indexOf 메소드를 쓴다.

var numberArray = [10, 20, 30, 40, 50];
ducument.write(numberArray.indexOf(30));    // 2 를 출력한다.
ducument.write(numberArray.indexOf(10));    // 0 을 출력한다.
ducument.write(numberArray.indexOf(80));    // -1 을 출력한다.

indexOf() 메소드는 배열 요소의 검색에 실패할 때 -1 을 리턴한다.