[JavaScript / Jquery] JSON value 가져오기 / JSON 키 값 가져오기

😊 아주 쉽고 간단하게 😊

▼ 이전 편 ▼

2022.02.28 - [개발/Front-End] - [Jquery] Jquery class,id 로 값 가져오기

[Jquery] Jquery class,id 로 값 가져오기

---

오늘은 아주 쉽게

JSON 데이터를 다루어보자.

반응형

먼저 !

JSON Value 값 가져오기 / JSON  값 가져오기

// TEST JSON DATA
var dataJSON = {
    	name : "JIN",
    	phone : "01012345678",
        age : "19"
    };
    
console.log('name = ' + dataJSON.name);
console.log('phone = ' + dataJSON.phone);
console.log('age = ' + dataJSON.age);

결과 : JIN , 01012345678 , 19

JSON 데이터는

Key , Value 로 구성되어진다.

dataJSON을 예로들어 설명하면,

key는 name,phone,age가 되고,

해당하는 key의 값(value)는 

JIN , 01012345678 , 19가 된다.

 

JSON KEY 값 가져오기 / JSON 키 값 가져오기

Value를 가져왔다면,

이제는 JSON의 키들만 가져와보자.

// TEST JSON DATA
var dataJSON = {
        name : "JIN",
        phone : "01012345678",
        age : "19"
    };

var keyList = Object.keys(dataJSON);
for(key in keyList){
    var k = keyList[key];
    alert("key : " + k);
}

결과: key : name key : phone key : age

JSON Key와 Value를 가져오는 법