[javascript] 자바스크립트 배열 - javascript Array

자바스크립트 Array

 

 

자바스크립트 객체의 특별한 형태인 배열에 대해서 알아봅시다.

배열 리터럴은 자바스크립트에서 새로운 배열을 만드는 데 사용하는 표기법입니다.

객체 리터럴이 중괄호({}) 였다면 배열 리터럴은 대괄호인([])을 사용합니다.

 

 

배열 리터럴을 이용한 배열 생성 예제

 

var newArr = [1,2,3,4];

console.log(newArr[0]) 	// 1 (출력)
console.log(newArr[3])	// 4 (출력)

 

배열내에 있는 인덱스 값으로 배열 안에 들어있는 값을 찾을 수 있습니다.

인덱스 번호는 1번부터 시작 되는 것이 아니라 0번부터 시작합니다.

그래서 위와같이 newArr [0] 이 1이 출력된 것은

newArr 배열 안에 인덱스 번호 0번 값인 1이 출력이 된 것입니다.

 

배열 요소의 동적 생성 예제

 

var emptyArr = [];

emptyArr[0] = 1000;
emptyArr[2] = 2000;


console.log(emptyArr) 		// [1000,undefined,2000] (출력)

 

위와 같이 배열을 동적으로 생성할 수도 있습니다.

인덱스 1번은 생성되지 않았으므로 undefined가 들어가 있는 것을 볼 수 있습니다.

그리고 또 중요한 배열의 길이를 알 수 있는 프로퍼티가 있는데 예제로 한번 알아봅시다.

 

배열의 length 프로퍼티 예제

 

var arr = [];

console.log(arr.length);		// 0 (출력)


arr[0] = 11;		// arr.length 1 (출력)
arr[1] = 22;		// arr.length 2 (출력)

 

배열. length를 사용하면 배열의 길이를 알 수 있습니다.

 

배열의 push() 메서드 예제

 

var emptyArr = [];

emptyArr.push(1);


console.log(emptyArr)		// [1] (출력)

 

emptyArr 빈 배열을 생성하고 . push() 메소드를 사용하여 빈 배열에 값을 넣어 주었습니다.

. push() 안에 있는 1의 값이 배열 안으로 들어간 것을 확인 할 수 있습니다.

.push() 메서드는 배열 맨 끝 인덱스에 차례대로 값이 들어가는 메서드입니다.

 

배열을 잘 다루려면 배열 안에 있는 값을 제어 할 수 있어야 합니다.

 

배열 프로퍼티 열거 예제

 

var arr = ['green', 'red', 'yellow'];


for(var prop in arr) {
	console.log(prop, arr[prop]);
}

0 green
1 red
2 yellow

 

for in 문을 사용하여 배열안에 있는 값을 차례대로 출력할 수 있습니다.

 

 

자바스크립트에서는 객체를 잘 다뤄야 합니다.

객체를 잘 다루기 위해서는 기초가 탄탄해야 된다고 생각합니다.