JSON을 JavaScript 배열의 형태로 바꾸는 방법

H·2023년 10월 19일
0

경남 ABC Frontend

목록 보기
9/14

배열에 요소 만들어 push 하기

var json_data = {"2013-01-21":1,"2013-01-22":7};
var result = [];
for(var i in json_data)
    result.push([i, json_data [i]]);

결과

참고 : JSON 데이터는 iterable하지 않아 for of 연산자는 사용 불가하다.

Object.keys()와 map 사용하기

const json_data = {"2013-01-21":1,"2013-01-22":7};
const result = Object.keys(json_data).map((key) => [key, json_data[key]]);
console.log(result);

Object.entries() 사용하기

Object.entries() 메서드는 for...in와 같은 순서로 주어진 객체 자체의 enumerable 속성 [key, value] 쌍의 배열을 반환

const json_data = {"2013-01-21":1,"2013-01-22":7};
console.log(Object.entries(json_data));

추가 - Object.keys() 와 Object.values()

key와 values를 각각 반환하는 메서드

const json_data = {"2013-01-21":1,"2013-01-22":7};
console.log(Object.keys(json_data))
console.log(Object.values(json_data))

결과

출처
https://stackoverflow.com/questions/14528385/how-to-convert-json-object-to-javascript-array

profile
나아가기

0개의 댓글