[JS] 다차원 배열 (multidimensional array)

2022. 3. 6. 21:09Front-end/JavaScript

다차원 배열

배열(Array) 안에 여러 개의 배열이 존재하는 객체다.

2/3차원 지도 정보, RGB를 저장하는 2차원 사진 파일 등을 표현할 때 활용한다.


2차원 배열 예제

2차원 배열은 array[N][M]으로 접근하며 배열(Array) 전체에 push(), pop()이 가능하다.

let array = [
  [101, 102, 103],
  [201, 202, 203],
  [301, 302, 303],
];

console.log(array); // [ [ 101, 102, 103 ], [ 201, 202, 203 ], [ 301, 302, 303 ] ]
console.log(array[0]); // [ 101, 102, 103 ]
console.log(array[1][0]); // 201
console.log(array[2][2]); // 303

console.log(array.length); // 3

let pop = array.pop();
console.log(array.length); // 2
console.log(pop); // [ 301, 302, 303 ]
console.log(array); // [ [ 101, 102, 103 ], [ 201, 202, 203 ] ]

console.log(array.length); // 2

let push = array.push([401, 402, 403]);
console.log(array.length); // 3
console.log(push); // 3
console.log(array); // [ [ 101, 102, 103 ], [ 201, 202, 203 ], [ 401, 402, 403 ] ]

 

2차원 배열 반복문 예제

이중 For Loop를 사용하여 2차원 배열에 접근할 수 있다.

let array = [
  [101, 102, 103],
  [201, 202, 203],
  [301, 302, 303],
];

for (let i = 0; i < array.length; i++) {
  for (let j = 0; j < array[i].length; j++) {
    console.log(array[i][j]);
  }
}
// 101
// 102
// 103
// 201
// 202
// 203
// 301
// 302
// 303

let fruits = [
  ["strawberry", 50],
  ["banana", 100],
  ["ice", 150],
];

for (let i = 0; i < fruits.length; i++) {
  console.log(fruits[i][0], fruits[i][1]);
}
// strawberry 50
// banana 100
// ice 150
반응형