JavaScript의 map()으로 JSON 데이터에서 배열 추출하기

JSON 데이터에서 배열을 생성하려면 JavaScript의 map() 메서드를 활용하는 것이 가장 효과적입니다. map()은 배열의 각 요소를 순회하면서 콜백 함수의 반환값으로 새로운 배열을 만들어 주기 때문에, 객체 배열에서 특정 속성값만 추출할 때 특히 유용합니다.

예제 데이터

예를 들어 다음과 같은 학생 정보가 담긴 JSON 데이터가 있다고 가정해 보겠습니다.

const studentDetails = [
  { name: "John" },
  { name: "David" },
  { name: "Bob" }
];

이 데이터에서 학생 이름만 추출해 새로운 배열을 만들어 보겠습니다.

코드 예시

const studentDetails = [
  { name: "John" },
  { name: "David" },
  { name: "Bob" }
];

const listOfStudentNames = studentDetails.map(({ name: actualValue }) => actualValue);
console.log(listOfStudentNames);

위 코드에서는 구조 분해 할당(Destructuring)을 사용해 각 객체의 name 속성을 actualValue라는 변수로 받아 반환합니다. 그 결과 이름 값들만 담긴 새로운 배열이 생성됩니다.

실행 방법

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

node fileName.js

여기서는 파일명이 demo82.js라고 가정합니다.

실행 결과

프로그램을 실행하면 아래와 같은 출력 결과를 확인할 수 있습니다.

PS C:\Users\Amit\JavaScript-code> node demo82.js
[ 'John', 'David', 'Bob' ]

이처럼 map() 메서드를 사용하면 복잡한 반복문 없이도 JSON 객체 배열에서 원하는 값을 간결하게 추출하여 새로운 배열을 만들 수 있습니다.