자바스크립트(Javascript)배열을 초기화 하는 방법

흔히 자바스크립트에서 배열을 초기화 할때는 아래와 같이 사용했엇다.

var arr = [];
for (var i=0; i<10; i++){
    arr.push(i);
}
console.log(arr);

반복문을 사용하여 배열을 초기화 하고있지만

단순하게 초기화만 하기에는 3줄의 코드를 더 추가하는 것은 가독성을 낮추게 된다.

따라서 아래와 같이 효율적인 초기화 방법을 사용하고자 한다.

• 공간만 생성할 때

var arr = Array.from({length:10});
console.log(arr);

길이가 10인 배열을 생성했고, 이때 arr의 내부의 값은 따로 지정하지 않았기 때문에, undefined로 정의되어 있다.

• 값도 같이 추가 하고 싶을 때

var arr = Array.from({length:10}, (value, index) => index);
console.log(arr);

배열의 내부의값을 초기화 한후 value를 추가함. ( index는 반복문의 배열을 의미함)

• 이차원으로 배열을 초기화 하고 싶을 때

Array.from(Array(3), () => Array(5).fill(0));