JavaScript(ES5)에서 JSON 객체를 배열로 변환하고 콘솔에 출력하는 방법

JavaScript에서는 객체(Object)를 배열(Array)로 손쉽게 변환할 수 있습니다. 이 글에서는 push() 함수를 활용해 JSON 객체를 새로운 배열에 추가하고, 그 결과를 콘솔에 출력하는 방법을 알아보겠습니다.

1. 기본 객체 준비하기

먼저 다음과 같은 고객 정보 객체가 있다고 가정해 보겠습니다.

var customerDetails = {
    "customerFirstName": "David",
    "customerLastName": "Miller",
    "customerAge": 21,
    "customerCountryName": "US"
};

2. push() 함수로 객체를 배열에 추가하기

새로운 빈 배열을 생성한 뒤, push() 함수를 사용하여 위 객체를 배열의 첫 번째 요소로 추가합니다. 전체 코드는 다음과 같습니다.

예제 코드

var customerDetails = {
    "customerFirstName": "David",
    "customerLastName": "Miller",
    "customerAge": 21,
    "customerCountryName": "US"
};

var customerObjectToArray = [];
customerObjectToArray.push(customerDetails);
console.log(customerObjectToArray);

3. 프로그램 실행하기

위 코드를 실행하려면 Node.js 환경에서 다음 명령어를 사용합니다. 파일 이름은 본인이 저장한 이름으로 변경하면 됩니다. 여기서는 demo125.js라는 파일명을 사용했습니다.

node fileName.js

4. 실행 결과

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

PS C:\Users\Amit\JavaScript-code> node demo125.js
[
    {
        customerFirstName: 'David',
        customerLastName: 'Miller',
        customerAge: 21,
        customerCountryName: 'US'
    }
]

정리

이처럼 빈 배열을 선언하고 push() 메서드를 호출하기만 하면, 하나의 JSON 객체가 배열 요소로 깔끔하게 변환됩니다. 이 방식은 API 응답 데이터를 배열 형태로 통일하거나, 여러 객체를 하나의 목록으로 관리할 때 매우 유용하게 활용할 수 있습니다.