JavaScript에서 초기 키 없이 여러 항목을 가진 JSON 배열을 반복하고 출력하는 방법

JSON 데이터를 반복(iterate)하면서 각 항목을 출력하려면 JavaScript의 forEach() 루프를 사용하면 됩니다. 초기 키 없이 객체 배열 형태로 구성된 JSON이라도 forEach()를 활용하면 간단하게 순회할 수 있습니다.

예제 코드

다음은 학생 정보가 담긴 JSON 배열을 forEach()로 반복하며 출력하는 예제입니다.

const details = [
  {
    "studentId": 101,
    "studentName": "John Doe",
  },
  {
    "studentId": 102,
    "studentName": "David Miller",
  },
];

details.forEach(obj => {
  console.log("StudentId=" + obj.studentId);
  console.log("StudentName=" + obj.studentName);
});

프로그램 실행 방법

위 프로그램을 실행하려면 터미널에서 다음 명령어를 입력합니다.

node fileName.js

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

실행 결과

위 코드를 실행하면 다음과 같은 결과가 출력됩니다.

PS C:\Users\Amit\javascript-code> node demo174.js
StudentId=101
StudentName=John Doe
StudentId=102
StudentName=David Miller

핵심 정리

forEach() 메서드는 배열의 각 요소에 대해 콜백 함수를 한 번씩 실행합니다. 위 예제처럼 화살표 함수(arrow function)와 함께 사용하면 코드가 더욱 간결해지며, 별도의 인덱스 관리나 for 루프 작성 없이도 JSON 객체 배열을 손쉽게 순회하고 원하는 값을 출력할 수 있습니다.