API 서버에 어떤 것을 요청하면 보통 JSON의 형태로 응답을 받습니다.

오늘은 JSON 내 배열에서 특정 키의 값으로 배열을 만드는 방법에 대해 살펴보도록 하겠습니다.

JSON 내 배열에서 특정 키의 값으로 배열 만드는 방법

우선 다음과 같은 JSON 데이터가 있다고 가정하겠습니다.

var a = {
    "page_views":[
        {"date":"2023-04-10", "views":2050}, 
        {"date":"2023-04-11", "views":3123}, 
        {"date":"2023-04-12", "views":4321}, 
        {"date":"2023-04-13", "views":918}, 
        {"date":"2023-04-14", "views":5444}
    ]
};

여기서 page_views 내 date 값들로만 배열을 만들려면 다음과 같이 코드를 작성하면 됩니다.

var date = a.page_views.map(function(e) {return e.date;});

이번에는 views 값들로만 배열을 만들어보겠습니다.

var views = a.page_views.map(function(e) {return e.views;});

chart.js 등으로 각종 chart를 그릴 때 이런 식으로 변환할 일들이 있어서 정리해봤습니다.