자바스크립트에서 중첩 배열의 값에 접근하고 반환하는 방법

자바스크립트에서는 배열 안에 또 다른 배열을 포함하는 중첩 배열(nested array) 구조를 자주 사용합니다. 이때 내부 배열의 특정 값에 접근하려면 인덱스를 단계별로 활용하면 됩니다.

중첩 배열 예시

다음과 같이 숫자 배열 안에 또 다른 배열이 들어 있는 경우를 살펴보겠습니다.

var numbers = [100, 1345, 80, 75, 1000, [35, 55, 67, 43, 51, 78]];

위 배열에서 numbers[5]는 여섯 번째 요소인 내부 배열 [35, 55, 67, 43, 51, 78]을 가리킵니다. 따라서 먼저 첫 번째 배열의 길이를 확인해 내부 배열의 위치를 파악한 뒤, 해당 인덱스로 접근하면 됩니다.

중첩 배열 값 가져오기 예제

내부 배열의 마지막 값(78)을 가져오는 코드는 다음과 같습니다.

var numbers = [100, 1345, 80, 75, 1000, [35, 55, 67, 43, 51, 78]];
var insideInnerValue = numbers[5];   // 내부 배열 [35, 55, 67, 43, 51, 78]
var value = insideInnerValue[5];     // 내부 배열의 6번째 요소
console.log(value);

코드 설명

• numbers[5] : 바깥 배열의 6번째 요소, 즉 내부 배열 전체를 반환합니다.
• insideInnerValue[5] : 내부 배열의 6번째 요소인 78에 접근합니다.

프로그램 실행 방법

위 프로그램을 실행하려면 Node.js 환경에서 다음 명령어를 사용합니다.

node fileName.js

여기서는 파일 이름이 demo264.js라고 가정하겠습니다.

실행 결과

프로그램을 실행하면 콘솔에 다음과 같은 출력 결과가 표시됩니다.

PS C:\Users\Amit\javascript-code> node demo264.js
78

정리

중첩 배열의 값에 접근하는 핵심은 인덱스를 연달아 지정하는 것입니다. 위 예제처럼 두 단계로 나누어 접근할 수도 있고, numbers[5][5]처럼 한 줄로 축약해서 작성할 수도 있습니다. 이 방식은 다차원 배열 데이터를 다룰 때 매우 유용하게 활용됩니다.