[JS] 초기화된 배열 만들기

두 가지 방법이 있는데, 주의할 점도 있다 꼭 끝까지 읽어보자.

 

 

1.  Array.from() 방식

const arr = Array.from({ length: 10 }, () => 0);

유연한 초기화가 가능하다

Array.from({ length: 10 }, (_, i) => i); // [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]

 

 

2.  Array() 방식

const arr = Array(10).fill(0);

Array()의 주의할 점

객체나 배열과 같이 참조가 가능한 타입으로 fill을 하게 되면, 참조값 하나가 전체 요소에 fill된다.
그래서 한 요소의 값만 바꿔도 전체가 바뀐다.

const arr = Array(3).fill({});
arr[0].a = 1;
console.log(arr); // [ { a: 1 }, { a: 1 }, { a: 1 } ]
// 같은 객체를 참조함 (얕은 복사)

 

반대로 Array.from()을 사용하면 각 요소가 독립적이라서 참조값도 대입해서 사용할 수 있다.