[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 |