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
'ABC-Lab FrontEnd > 수업 이론 정리' 카테고리의 다른 글
JavaScript 핵심개념 2. 클로저와 ES6 주요 문법(spread와 구조분해할당) (0) | 2023.02.10 |
---|---|
JavaScript 핵심개념 1.스코프 (0) | 2023.02.10 |
JavaScript 배열과 객체 (0) | 2023.02.03 |
JavaScript 원시 자료형과 참조 자료형 (0) | 2023.02.03 |
HTML/CSS 활용 (0) | 2023.01.30 |