JS/JS (자바스크립트) ES5

JS (자바스크립트) JSON <->문자열 형변환

0304호 2022. 12. 29.

JS에서 서버랑 통신을 할때 JSON형식 데이터를 주고 받을때가 있다.

 

 

제이슨을 -> 문자열로

JSON.stringify(data);

 

문자열을 -> 제이슨으로

단, 이경우는 엄격한 형식을 지킨다(키, 값이 전부 “ “로 묶여야 한다)

JSON.parse(문자열);


제이슨 -> 문자열

JSON.stringify(data);

	 var data = [
                    { id : 'aaa123', title : 'aaa', content : '...'},
                    { id : 'bbb123', title : 'bbb', content : '...'},
                    { id : 'ccc123', title : 'ccc', content : '...'},
        ];

        // console.log(data);
        //JS객체를 JSON문자열로 형변환
        var str = JSON.stringify(data);
        console.log(str)

 


문자열 -> 제이슨

JSON.parse(문자열);

	var data = [
                    { id : 'aaa123', title : 'aaa', content : '...'},
                    { id : 'bbb123', title : 'bbb', content : '...'},
                    { id : 'ccc123', title : 'ccc', content : '...'},
        ];

        // console.log(data);
        //JS객체를 JSON문자열로 형변환
        var str = JSON.stringify(data);
        console.log(str)


        //JSON문자열을 JS객체로 혀변환
        var obj = JSON.parse(str);
        console.log(obj);

 

 


문자열 -> 제이슨 규칙

단 문자열을 객체로 변경할때는 엄격한 규칙이 있다.
key, value가 "" 처리여야 한다.

 

        //단 문자열을 객체로 변경할때는 엄격한 규칙이 있다.
        //key, value가 ""처리여야 한다.
        // JSON.parse("{'키':'aaa123'}");          //에러
        var result = JSON.parse('{"키":"aaa123"}');              //규칙 통과
        console.log(result)

댓글