Json 추출 - jQuery, 자바스크립트 + key 갯수 구하기

jQuery 

var json = { 'NAME':'홍길동', 'SEX':'남', 'AGE':'99세'}; 

$.each(json, function(key, value){
    alert('key:' + key + ' / ' + 'value:' + value);
});

Javascript 

var json = { 'NAME':'홍길동', 'SEX':'남', 'AGE':'99세'};

for(key in json) {
    alert('key:' + key + ' / ' + 'value:' + json[key]);
}

 

 

 

일반적으로 배열 내 원소의 개수를 구할 땐 배열명.length 를 쓰면 간단히 구할 수 있는데,

{키:값} 쌍으로 이루어진 JSON 형식의 오브젝트는 length로는 엘리먼트의 개수가 나오지 않음.

 

var ex_obj = { 'a' : '1st', 'b' : '2nd', 'c' : '3rd', 'd' : '4th' };

var obj_length = Object.keys(ex_obj).length;

 

 

 

객체의 첫번째 키와 값을 가져오는 예제

var obj = {
    "1" : "iOS",
    "2" : "Android"
};

var first_key = Object.keys(obj)[0];
var first_value = obj[Object.keys(obj)[0]];

console.log(first_key);
console.log(first_value);


출처: https://extbrain.tistory.com/32 [확장형 뇌 저장소]

 

 

값만 배열로 추출

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

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

 

배열로 추출

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);

 

 

 

출처 https://gent.tistory.com/17

[javascript|자바스크립트] foreach 구문을 이용하여 JSON 값 쉽게 가져오기 (json key get value)