JavaScript에서의 다차원 배열 이해하기

JavaScript에서의 다차원 배열 이해하기

소개

다차원 배열은 배열 안에 배열이 있는 형태의 배열로, 표 형식의 데이터나 복잡한 데이터 구조를 다루는 데 유용합니다. 2차원 배열은 가장 흔한 형태의 다차원 배열이지만, 그 이상 차원의 배열도 만들 수 있습니다. 이 글에서는 다차원 배열의 개념과 다루는 방법을 살펴보겠습니다.

다차원 배열의 구조

1. 2차원 배열: 2차원 배열은 행과 열로 구성된 배열로, 표 형태로 데이터를 저장할 수 있습니다.

   예시:

   let matrix = [
       [1, 2, 3],
       [4, 5, 6],
       [7, 8, 9]
   ];
   console.log(matrix[1][2]); // 6 (두 번째 행, 세 번째 열)

2. 3차원 배열: 3차원 배열은 2차원 배열을 요소로 갖는 배열입니다.

   예시:

   let cube = [
       [
           [1, 2, 3],
           [4, 5, 6]
       ],
       [
           [7, 8, 9],
           [10, 11, 12]
       ]
   ];
   console.log(cube[1][0][2]); // 9 (두 번째 2차원 배열, 첫 번째 행, 세 번째 열)

3. 그 이상의 차원: 3차원 이상으로도 배열을 만들 수 있지만, 데이터 구조가 복잡해질 수 있습니다. 코드를 이해하기 어렵게 만들 수 있으니 필요한 만큼만 사용하는 것이 좋습니다.

다차원 배열 활용

1. 데이터 저장 및 조작: 다차원 배열은 데이터베이스의 표와 같은 형태의 데이터를 저장하고 조작할 때 유용합니다.

   let grades = [
       [90, 85, 78],
       [88, 92, 80],
       [70, 85, 90]
   ];
   let average = (grades[0][0] + grades[0][1] + grades[0][2]) / 3;
   console.log(average); // 84.33 (첫 번째 학생의 평균 점수)

2. 다차원 배열 순회: 이중 for 문을 사용하여 2차원 배열을 순회할 수 있습니다.

   let 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]);
       }
   }

다차원 배열을 사용할 때 유의점

• 가독성: 차원이 높아질수록 코드 가독성이 떨어지기 때문에 구조를 단순하게 유지하려 노력하세요.
• 데이터 구조 설계: 데이터 구조를 신중하게 설계하여 다차원 배열을 적절히 사용하세요.
• 메모리 사용: 다차원 배열은 메모리를 많이 사용할 수 있으므로 효율적으로 관리하세요.

결론

다차원 배열은 표 형식의 데이터나 복잡한 데이터 구조를 다루는 데 유용합니다. 그러나 가독성과 메모리 사용에 주의하여 적절히 활용하세요.