JSON 객체 파싱하기 JSON.parse(), JSON.stringify()

자바스크립트 사용 시 유용한 JSON 객체 사용에 대해 알아보겠습니다.

JSON(JavaScript Object Notation)

주로 웹 브라우저에서 웹 서버로 정보를 전송할 때 쓰인다고 합니다.

1. JSON.parse() (String -> JSON)

- parse  메소드는 String객체를 JSON객체로 변환시켜줄 때 사용합니다.

예제를 통해 자세히 알아보겠습니다.

<script>

var text = {"name":"shin", "age":27, "city":"Seoul"};

var obj = JSON.parse(text);

console.log(obj); // {"name":"shin", "age":27, "city":"Seoul"}

console.log(obj.name + ", " + obj.age); // shin, 27

</script>

2. JSON.stringify() (JSON -> String)

- stringify 메소드는 parse메소드와 반대로 JSON객체를 String객체로 변환시켜줄 때 사용합니다.

예제를 통해 자세히 알아보겠습니다.

<script>

var text = '{"name":"shin", "age":27, "city":"Seoul"}';

var obj = JSON.parse(text);

var str = JSON.stringify(obj);

console.log(str); // {"name":"shin","age":27,"city":"Seoul"}

console.log(str.name); // undefined

</script>