[JS] 이차원 배열 요소 꺼내기

자바스크립트에서 2차원 배열의 요소를 꺼내는 방법은 여러 가지가 있다. 가장 일반적인 방법은 대괄호 표기법 [][]을 사용하거나, for 반복문을 중첩하여 순회하는 것이다. 

 

1. 인덱스를 이용한 접근

특정 요소를 직접 접근할 때는 대괄호를 두 번 사용하여 배열이름[행][열] 형식으로 접근이 가능하다.

const matrix = [
  [1, 2, 3],
  [4, 5, 6],
  [7, 8, 9]
];

// 2행 3열의 값 (6)을 가져오기
const element = matrix[1][2];
console.log(element); // 출력: 6

 

2. 반복문을 이용

배열의 모든 요소에 접근하고 싶을 때는 중첩 for 반복문을 사용할 수 있다.

const matrix = [
  [1, 2, 3],
  [4, 5, 6],
  [7, 8, 9]
];

for(let i = 0; i<matrix.length; i++){
	for(let j = 0; j<matrix[i].length; j++){
    	console.log(matrix[i][j])
    }
}

// 출력:
// 1
// 2
// 3
// 4
// 5
// 6
// 7
// 8
// 9

 

3. forEach를 이용한 순회

const matrix = [
  [1, 2, 3],
  [4, 5, 6],
  [7, 8, 9]
];

matrix.forEach((row)=>{
	row.forEach(ele => console.log(ele))
})

 

4. for...of를 이용한 순회

ES6에서 도입된 for...of 문을 사용하면 배열 요소를 직접적으로 순회 가능

const matrix = [
  [1, 2, 3],
  [4, 5, 6],
  [7, 8, 9]
];

for(let row of matrix){
	for(ele of row){
    	console.log(ele)
    }
}