[JSON] JSON 데이터 객체와 문자열 변환하기

 

1. 주고 받을 때는 text 타입으로 변환해야한다.

외부에서 json을 주고 받을때는 text형식으로 주고받는다. 가볍기 때문에.

하지만

2. 사용하기 위해서는

객체로 변환해야한다.

1. json을 객체로 변환  : JSON.parse(문자열로 되어있는 json데이터)

JSON.parse(jsonText) -> JSON 형식의 Text --> Text를 객체로 변환

주고 받을 때는 경량(jsonText)텍스트로 주고 받고

사용할때는 json텍스트 값을 객체로서 사용하기 위해서 변환을 하는것이다.

//[1] : JSON.parse(jsonText) -> JSON 형식의 텍스트 --> Text를 객체로 변환
    var jsonText = '{"name":"홍길동", "age":20}';
    console.log("변환전 : "+typeof jsonText); //변환전 : string
    console.log(jsonText.name);//💥undefined(String이기 때문에 접근이 안됌.) 그래서 객체로 변환해야해.

    //외부에서는 jsonText(경량데이터) 을 주고 받는데 객체 변형해야지 사용하기 편해
    const jsonObj = JSON.parse(jsonText);//❤️변환 후 사용하기
    console.log("변환후: "+typeof jsonObj);//변환후: object
    console.log(jsonObj.name);//홍길동

console.log(jsonObj);

2. json을 문자로 변환 : JSON.stringify(json 객체)

//[2] : JSON.stringify(dataObj) -> 데이터 객체를 --> json형식의 텍스트로 변환.
    var jsonObject = {"name":"홍길동", "age":20};
    console.log("변환전 : "+typeof jsonObject); //변환전 : object
    console.log(jsonObject.name);//홍길동

    var jsonStr = JSON.stringify(jsonObj);//✌️
    console.log("변환후 : ", typeof jsonStr);//변환후 :  string
    console.log(jsonStr);//{"name":"홍길동","age":20}