2차원 배열은 하나 이상의 차원을 가진 배열을 의미합니다. 예를 들어 첫 번째 요소는 myarray[0][0], 두 번째 요소는 myarray[0][1]과 같이 행과 열의 두 개의 인덱스를 사용하여 각 요소에 접근할 수 있습니다.
JavaScript에서 2차원 배열을 만들려면 먼저 외부 배열을 생성한 뒤, 반복문을 통해 각 인덱스에 새로운 내부 배열을 할당하는 방식을 사용합니다. 아래 예제 코드를 실행하여 직접 확인해 보세요.
예제 코드
<html>
<body>
<script>
var myarray = new Array(3);
// 각 행에 새로운 배열(내부 배열)을 할당
for (i = 0; i < 3; i++)
myarray[i] = new Array(3);
// 배열 요소에 값 저장
myarray[0][0] = "One";
myarray[0][1] = "Two";
myarray[0][2] = "Three";
myarray[1][0] = "Four";
myarray[1][1] = "Five";
myarray[1][2] = "Six";
myarray[2][0] = "Seven";
myarray[2][1] = "Eight";
myarray[2][2] = "Nine";
// 3행 1열의 값 출력
document.write(myarray[2][0]);
</script>
</body>
</html>
실행 결과
Seven
코드 설명
new Array(3)으로 크기가 3인 외부 배열을 먼저 만든 후, for 반복문을 사용하여 각 행마다 new Array(3)으로 내부 배열을 생성합니다. 이렇게 하면 3×3 형태의 2차원 배열이 완성되며, myarray[행][열] 형태로 원하는 위치의 값에 자유롭게 접근하거나 수정할 수 있습니다.
참고로 최신 JavaScript(ES6 이상)에서는 Array.from()이나 map() 메서드를 활용하여 더 간결하게 2차원 배열을 생성할 수도 있습니다.
const myarray = Array.from({ length: 3 }, () => new Array(3));이 방법은 반복문 없이 한 줄로 2차원 배열을 초기화할 수 있어 코드가 더 깔끔해지는 장점이 있습니다.