[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 |