[JavaScript] JSON 메서드 비교 / Response.json(), JSON.parse(), JSON.stringify()

wonyu·2022년 3월 14일
2

javascript

목록 보기
1/3

Response.json()

response.json().then(data => {
  // do something with your data
});

응답 JSON 데이터를 JavaScript Object 형식으로 변환하는 메서드이다. 아래에 있는 JSON.parse() 메서드와 거의 같은 역할이지만 Response.json() 메서드에서는 응답 헤더, 바디를 포함한 응답 객체 자체를 받아서 바디만 읽는다. 또한 JSON 데이터를 변환해서 Promise 객체를 반환하기 때문에 API 호출에서 사용하기 용이하다. 반면 JSON.parse() 메서드는 응답 바디만 받을 수 있다.

JSON.parse()

JSON.parse(text[, reviver])

JSON 데이터는 문자열 형식으로 이루어져 있으므로 key에 대해 value를 뽑아내는 등 해당 데이터를 사용하려면 변환이 필요하다. 이 과정을 도와주는 것이 JSON.parse() 메서드이다. 주어진 JSON 문자열을 JavaScript Object 형식으로 반환해준다.

const jsonData = '{"name": "YJ", "count": 33}';
const myObj = jsonData.parse();
console.log(myObj.name);
// "YJ"
console.log(myObj.count);
// 33

JSON.stringify()

JSON.stringify(value[, replacer[, space]])

JavaScript 값/객체를 JSON 문자열로 변환해주는 메서드이다. stringify를 그대로 해석하면 string(문자열) + ify(~화 하다) = 문자열화 하다, 문자열로 만들다 라는 뜻이므로 그대로 이해하면 된다.

0개의 댓글