자바스크립트 코딩 기법과 핵심 패턴 - 배열 리터럴

배열 리터럴

자바스크립트의 배열은 이 언어 내 다른 모든 것들과 마찬가지로 객체다. 내장 생성자인 Array()로도 배열을 생성할 수 있지만 리터럴 표기법도 존재하며, 객체 리터럴과 마찬가지로 배열 리터럴 표기법이 더 간단하고 장점이 많다.

// 세 개의 원소를 가지는 배열

// 경고 : 안티패턴이다.

var a = new Array("itary", "bitsy", "spider");

// 위와 똑같은 배열

var a = ["itary", "bitsy", "spider"];

console.log(typeof a); // 배열도 객체이기 때문에 object 가 출력된다.

console.log(a.constructor === Array); // true

배열 생성자의 특이성

new Array(0를 멀리해야 하는 또다른 이유는 이 생성자가 품고 있는 함정을 피하기 위해서다. Array() 생성자에 숫자 하나를 전달할 경우, 이 값은 배열의 첫번째 원소 값이 되는 게 아니라 배열의 길이를 지정한다.

// 한 개의 원소를 가지는 배열

var a = [3];

console.log(a.length); // 1

console.log(a[0]) // 3

// 세개의 원소를 가지는 배열

var a = new Array(3);

console.log(a.length); // 3

console.log(typeof a[0]) // undefined

new Array()에 정수가 아닌 부동소수점을 가지는 수를 전달할 경우 더욱 예상 밖의 결과가 나온다. 부동소수점을 가지는 수는 배열의 길이로 유효한 값이 아니기 때문에 에러가 발생한다.

// 리터럴 사용

var a = [3.14]

console.log(a[0])

var a = new Array(3.14); // error: RangeError: invalid array length

conosle.log(typeof a); // undefined

배열인지 판별하는 방법

if(typeof Array.isArray === "undefined"){

Array.isArray = function(arg){

return Object.prototype.toString.call(arg) === "[object Array]";

}

}