본문 바로가기

ABC-Lab FrontEnd/수업 이론 정리

JSON을 JavaScript 배열 형태로

JSON (JavaScript Object Notation)은 경량의 DATA-교환 형식입니다. 이 형식은 사람이 읽고 쓰기에 용이하며, 기계가 분석하고 생성함에도 용이합니다.

값만 배열로 추출 : JSON 데이터가 "이름:값"의 가장 단순한 형태인 경우, 값만 배열로 추출할 수 있습니다.

json1 = {value1:13, value2:10, value3:5, value4:40};

console.log(Object.values(json1));

순환 메서드를 이용해 배열로 변환 : JSON 값이 배열인 경우 순환 메서드로 값을 추출할 수 있습니다.

json2 = {data:[{value:13}, {value:10}, {value:5}, {value:40}]};
let result2 = [];

json2.data.forEach((item,idx)=>{
  result2.push(parseInt(item.value));
});

console.log(result2);

여러값을 중첩 배열로 가져오기

json3 = {data:[{name:'라이언', value:13}, {name:'콘', value:10}, {name:'무지', value:5}, {name: '프로도', value:40}]};
let result3 = [];

json3.data.forEach((item)=>{
  result3.push([item.name, parseInt(item.value)]);
})

console.log(result3);

 

참고 블로그

 

JSON 데이터를 배열로 만들기

서버 API를 이용해 RESTFul 서비스를 제공하는 방식의 개발이 일반화되면서 JSON(Javascript Object Notation)은 API를 통한 데이터 교환의 사실상 표준이 되었습니다.자바스크립트는 JSON 데이터 요소에 객체

blogpack.tistory.com