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

자바스크립트에서 배열을 초기화 할때 아래와 같은 방법을 쉽게 떠올립니다.

 

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

 

반복문을 돌려서 간단하게 초기화 하고 있습니다.

허나 이는 코드가 지저분해집니다.

 

단순 초기화를 위해서 3줄의 코드를 더 추가하는 것은 가독성을 낮추는 원인이 됩니다.

 

따라서 아래와 같이 초기화해서 사용합니다.

 

공간만 생성할 때

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

길이가 7인 배열을 생성했습니다.

이때 배열 내부의 값은

value에는 값이 없기 때문에, undefined 으로 정의되어 있습니다.

 

값도 같이 추가하고 싶을 때

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

 

배열 내부의 값을 초기화 했습니다.

index는 반복문의 배열을 의미합니다.

 

 

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

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