JavaScript - 배열

배열

배열(array)은 객체처럼 데이터 값들의 모음이다. 객체 내에 포함되는 각 데이터 값에는 이름이 있는 반면, 배열의 각 데이터 값에는 번호, 즉 인텍스가 있다.

배열 이름 다음에 대괄호로 둘러싸인 인덱스를 써주어서 배열로부터 값을 가져올 수 있다.

배열은 다른 배열이나 객체, 함수를 포한한 어떤 자바스크립트 데이터 타입의 데이터라도 담을 수 있다.

document.images[1].width

이 코드는 document 객체의 images 배열에 두 번째 원소로 저장된 객체의 width 프로퍼티를 가리킨다.

일반적인 배열은 음수가 아닌 정수로 인덱싱된다. 반면에 연관 배열은 문자열로 인덱싱 된다. 자바스크립트는 타입의 제약이 없는 언어이므로, 자바 언어처럼 배열의 원소들이 모두 동일한 타입을 가질 필요는 없다.

배열 생성

배열은 Array() 생성자 함수로 생성할 수 있다. 일단 배열을 생성하고 나면, 배열의 어떤 인덱스에라도 얼마든지 엘리먼트를 할당할 수 있다.

var a = new Array();
a[0] = 1.2;
a[1] = "javascript";
a[2] = true;
a[3] = {x:1, y:3};

배열 원소들을 Array() 생성자에 넘겨주어 배열을 초기화할 수도 있다. 때문에 앞의 배열 생성과 초기화 코드는 다음과 같이 재작성 할 수 있다.

var a = new Array(1.2, "javaScript", true, {x:1, y:3});

Array() 생성자에 숫자 하나를 넘겨주면 그 숫자는 배열의 크기로 사용된다.

var a = new Array(10); // 10의 크기를 가진 a 배열 생성

배열 리터럴

배열 리터럴은 대괄호로 둘러싸인 쉼표로 구분된 값들의 목록이다. 객체 리터러러럼 중첩될 수도 있다. 또한 객체 리터럴과 마찬가지로 배열 리터럴 내 요소로 임의의 표현식이 올 수 있으며 반드시 상수일 필요는 없다.

var a = [1.2, "javaScript", true, {x:1, y:3}];

var b = [[1,2,3],[4,5,6,],[7,8,9]];

var base = 1024;
var table = [base+1, base+2, base+3];

***참고자료 : 자바스크립트 완벽 가이드 5/E**