JavaScript 2D 어레이

Harshit Jindal 2023년10월12일
  1. JavaScript에서 2D 배열을 만드는 배열 생성자
  2. JavaScript에서 2D 배열을 만드는 배열 리터럴 개념
  3. Array.from()메소드를 사용하여 JavaScript에서 2D 배열 생성
  4. JavaScript에서 2D 배열을 만드는Array.prototype.map()메소드
JavaScript 2D 어레이

이 튜토리얼에서는 JavaScript에서 2 차원 배열을 선언하는 방법을 소개합니다. 2 차원 배열에서 항목은 행과 열 형태의 행렬로 구성됩니다. 요소가 1 차원 배열 인 배열과 같습니다.

JavaScript에서 2D 배열을 만드는 배열 생성자

배열 생성자를 사용하여 주어진 길이의 빈 배열을 만듭니다. 그런 다음for루프를 사용하여 각 요소에 대한 배열을 만들 수 있습니다.

const m = 4;
const n = 5;

let arr = new Array(m);

for (var i = 0; i < m; i++) {
  arr[i] = new Array(n);
}

console.log(arr);

출력:

Array [ [ null, null, null, null, null ], [ null, null, null, null, null ], [ null, null, null, null, null ], [ null, null, null, null, null ] ]

JavaScript에서 2D 배열을 만드는 배열 리터럴 개념

리터럴 표기법을 사용하여 JavaScript에서 2D 배열을 만들 수 있습니다.

const m = 4;
const n = 5;
let arr = [];

for (var i = 0; i < m; i++) {
  arr[i] = [];
}

console.log(arr);

출력:

Array [ [], [], [], [] ]

Array.from()메소드를 사용하여 JavaScript에서 2D 배열 생성

Array.from()메소드는 JavaScript 객체에서 배열 객체를 반환합니다.

const m = 4;
const n = 5;

let arr = Array.from(Array(m), () => new Array(n));

console.log(arr);

출력:

Array [ [ null, null, null, null, null ], [ null, null, null, null, null ], [ null, null, null, null, null ], [ null, null, null, null, null ] ]

JavaScript에서 2D 배열을 만드는Array.prototype.map()메소드

Array.map()메서드는 배열 요소를 빈 배열에 매핑하여 2D 배열을 만드는데도 도움이됩니다.

const m = 4;
const n = 5;
let arr = Array(m).fill().map(() => Array(n));
console.log(arr);

출력:

Array [ [ null, null, null, null, null ], [ null, null, null, null, null ], [ null, null, null, null, null ], [ null, null, null, null, null ] ]
Harshit Jindal avatar Harshit Jindal avatar

Harshit Jindal has done his Bachelors in Computer Science Engineering(2021) from DTU. He has always been a problem solver and now turned that into his profession. Currently working at M365 Cloud Security team(Torus) on Cloud Security Services and Datacenter Buildout Automation.

LinkedIn

관련 문장 - JavaScript Array