JavaScript에서 객체를 배열로 변환하는 방법

JavaScript에서 객체 데이터를 배열로 변환하려면 push() 메서드를 활용하면 됩니다. 반복문과 함께 사용하면 객체 배열에서 특정 값만 추출해 새로운 배열을 손쉽게 만들 수 있습니다. 아래 예제 코드를 통해 자세히 살펴보겠습니다.

예제

studentDetails =
  [
      { studentName:"Chris", studentMarks:34},
      { studentName:"David", studentMarks:89}
  ]
var convertIntoArray = [];
for (var i = 0; i < studentDetails.length; i++) {
    convertIntoArray.push(studentDetails[i].studentName);
}
console.log(convertIntoArray);

위 코드는 학생 정보 객체 배열에서 studentName 값만 추출하여 새로운 배열에 순차적으로 추가하는 방식입니다. 각 객체를 하나씩 순회하면서 push()로 요소를 추가하기 때문에 결과적으로 이름만 담긴 문자열 배열이 완성됩니다.

프로그램 실행 방법

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

node fileName.js

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

출력 결과

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

PS C:\Users\Amit\JavaScript-code> node demo35.js
[ 'Chris', 'David' ]

참고: 최신 문법을 활용한 대안

ES6 이상 환경이라면 map() 메서드를 사용해 더 간결하게 작성할 수 있습니다.

const convertIntoArray = studentDetails.map(student => student.studentName);
console.log(convertIntoArray); // [ 'Chris', 'David' ]

또한 일반 객체(키-값 형태)를 배열로 변환할 때는 Object.keys(), Object.values(), Object.entries() 메서드를 활용하는 것이 좋습니다. 상황에 맞는 방법을 선택하면 코드의 가독성과 유지보수성을 높일 수 있습니다.