Javascript

[Javascript] Array.from을 사용하여 2차원 배열 만들기

캐럿노트 2024. 10. 6. 23:14

2차원 배열 생성을 위해 2중  for문 등 여러가지 방법이 있겠지만 간편하게 Array를 사용하는 방법이 있다.

 

0이 5개 채워진 배열을 만드는 방법

new Array와 fill을 사용해서 생성 가능하다.

const result = new Array(5).fill(0) // [0, 0, 0, 0, 0]

 

 

0이 5개 채워진 배열을 2차원으로 생성하는 방법

Array.from을 사용하며 new 생성자를 사용하지 않는다.

또한 length 옵션을 통해 생성하고자 하는 배열의 길이를 설정할 수 있다.

const result = Array.from({ length: 5 }, () => new Array(5).fill(0)); 

/*
[[0, 0, 0, 0, 0],
[0, 0, 0, 0, 0],
[0, 0, 0, 0, 0],
[0, 0, 0, 0, 0],
[0, 0, 0, 0, 0]]
*/

 

 

참고

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/from

 

Array.from() - JavaScript | MDN

Array.from() 정적 메서드는 순회 가능 또는 유사 배열 객체에서 얕게 복사된 새로운 Array 인스턴스를 생성합니다.

developer.mozilla.org