[JS] Json key,value 가져오는 방법

2020. 12. 22. 02:03프론트엔드/JAVASCRIPT

728x90

 

Json Key 가져오기 : Object.keys()사용

let jsonObj = {'이름':'에이미','나이':5};
Object.keys(jsonObj);
console.log(Object.keys(jsonObj)); //(2) ['이름', '나이']

 

 

Json Key, Value 가져오기

* 원래 Key는 String을 사용하지만 예시를 위해 임의로 적용해봄

var jsonStr = '[{"1":"9"},{"3":"3"},{"5":"3"},{"6":"7"}]';//Json형식의 String변수
var jsonArr = JSON.parse(jsonStr); //Json형식의 String값 -> Json객체로 변환
//jsonArr은 jsonObject가 4개 들어있는 배열
//console.log(jsonArr);   // [{1:"9"},{3:"3"},{5:"3"},{6:"7"}]
    
var jsonObjKey = []; //jsonObj key 담을 배열
var jsonObjVal = []; //jsonObj value 담을 배열
for(var i=0; i<jsonArr.length; i++){
    jsonObjKey.push(Object.keys(jsonArr[i])[0]); //key를 담음
    //jsonObjKey.push(Object.keys(res[i])+'');
    jsonObjVal.push(jsonArr[i][Object.keys(jsonArr[i])[0]]);//value만 담음
};

console.log(jsonObjKey); //(4) ["1", "3", "5", "6"]
console.log(jsonObjVal); //(4) ["9", "3", "3", "7"]
728x90

'프론트엔드 > JAVASCRIPT' 카테고리의 다른 글

[JS] BOM(Browser Object Model)  (0) 2021.06.13
[JS] DOM 이란?  (0) 2021.06.06
[JS] 자바스크립트 빈값 체크방법  (0) 2020.12.14
[JS] 문서 로드시점(onload,$(document).ready())  (0) 2020.11.19
[JS] 반복문  (0) 2020.11.11