[JS] JSON.parse / JSON.stringify

* JSON

(JavaScript Object Notation - 자바스크립트 객체 표기법)은

클라이언트와 서버 간의 HTTP 통신을 위한 텍스트 데이터 포맷.

자바스크립트에 종속되지 않는 언어 독립형 데이터 포맷으로, 대부분의 프로그래밍 언어에서 사용할 수 있음.

{
  "name": "Lee",
  "age": 20,
  "alive": true,
  "hobby": ["traveling", "tennis"]
}

 

1. JSON.parse 

문자열로 된 JSON을 객체로 변환한다. (문자열 -> 객체)

서버로부터 클라이언트에게 전송된 JSON 데이터는 문자열이므로

이를 객체로 사용하려면 JSON 포맷의 문자열을 객체화해야함.

parse라는 것은 문장을 분석하다 라는 뜻

 

 

2. JSON.stringify 

객체를 JSON 형태의 문자열로 변환한다. (객체 -> 문자열)

클라이언트가 서버로 객체를 전송하려면 객체를 문자열화해야 하는데 이를 직렬화(serializing)라 함.

const person = {
  name: 'min',
  age: 30,
  city: 'seoul'
};
const result = JSON.stringify(person);
const result2 = JSON.parse(result);

console.log(result); // String {"name":"min","age":30,"city":"seoul"}
console.log(result2); // Object { name: 'min', age: 30, city: 'seoul' }