[Javasript/Jquery] Json데이터 파싱 사용법 정리(Json 파싱)

---

 

이번 피드에서는 Json데이터에 대해 알아보겠습니다.

 

우선 간단히 Json데이터가 무엇인지 살펴보겠습니다.

 

Json데이터는 key-value 쌍으로 이루어진 데이터입니다.

 

Json데이터의 기본 포멧은 아래와 같습니다.

 {
     "name": "Kim",
     "age": 25,
     "address": "Seoul"
  }

살펴보면 데이터가 {} 괄호로 쌓여있고,

 

데이터는 "key 값" : "value 값" 이런식으로 표현되게 됩니다.

 

Json데이터는 대표적으로 Ajax서버통신에 많이 사용되기 때문에, 자주 사용하게되는 데이터입니다.

 

이제 본격적으로 사용방법에 대해 알아보겠습니다.

 

1. Json데이터 파싱

 

Json데이터를 파싱에 관련된 함수는 2가지가 있습니다.

 

각각, 데이터를 Json데이터로 파싱해주는함수와, Json데이터를 Key-value형태의 값으로 파싱해주는 함수입니다.

 

한개씩 알아보도록 하겠습니다.

 

1. Json데이터로 파싱해주는 함수 - JSON.stringify()

    var obj = new Object();
    obj.name = "kim";
    obj.address = "seoul";    
    var jsonData = JSON.stringify(obj);
    console.log(jsonData); // jsonData : {"name":"kim","address":seoul"}

위의 코드는 데이터를 생성하고, Json데이터로 파싱해주는 코드입니다.

 

 

2. Json데이터를 파싱하여, Key-value 형태의 값으로 변환해주는 함수 - JSON.parse()

// Json 데이터 생성    var obj = new Object();
    obj.name = "kim";
    obj.address = "seoul";    
    var jsonData = JSON.stringify(obj);
        
    var obj = JSON.parse(jsonData); // Json데이터 -> Key,Value형태의 데이터로 파싱
    
    console.log(obj); // obj : {name: "kim", address: "seoul"}
    console.log(obj.name); // obj.name : kim
    console.log(obj.address); // obj.address : seoul

위의 코드는 Json데이터를 Key-value형태의 값으로 변환해주는 코드입니다.

 

Json데이터 생성과정(1 ~ 5 Line)은 위의 1번과정의 코드를 그대로 사용했습니다.

 

이제 두 함수를 사용하면 Json데이터를 만들수도 있고,

 

Json데이터를 key-value데이터로 파싱하여 사용할수도 있습니다.

 

---

 

이번 피드에서는 간단한 Json데이터 사용법에 대하여 알아보았습니다.

 

이번피드는 여기서 마치겠습니다.