[JS] 다차원 배열 (multidimensional array)
              
          2022. 3. 6. 21:09ㆍFront-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반응형
    
    
    
  'Front-end > JavaScript' 카테고리의 다른 글
| [JS] 선형 자료구조 스택(Stack) 구현하기 (0) | 2022.03.14 | 
|---|---|
| [JS] 자바스크립트 배열(Array) 개념 정리 (0) | 2022.03.09 | 
| [JS] Date 객체의 개념과 대표적인 메서드 (get/set) (0) | 2022.03.05 | 
| [JS] Math 객체의 개념과 대표적인 메서드 11가지 (0) | 2022.03.05 | 
| [JS] 자바스크립트 컬렉션(JavaScript Collection) - Set (0) | 2022.03.05 |