JSON

wldls·2023년 4월 27일
0

javascript

목록 보기
27/33

JSON (JavaScript Object Notation) ❓

클라이언트와 서버 간의 HTTP 통신을 위한 텍스트 데이터 포맷이다
자바스크립트에 종속되지 않는 언어 독립형 포맷으로 대부분의 프로그래밍 언어에서 사용할 수 있다

JSON은 자바스크립트의 객체와 유사하게 key와 value값으로 구성되었다

JSON.stringify

객체 -> JSON 포맷의 문자열로 변환 한다
클라이언트가 서버로 객체를 전송하려면 객체를 문자열화해야 한다 = 직렬화

json()JSON.parse() 은 무엇이 다른가 ?
.json()JSON.parse()는 모두 JSON 데이터를 JavaScript 객체로 변환하는 기능을 제공하지만, 사용하는 방법과 목적이 다릅니다.
.json()fetch APIResponse 객체에서 사용할 수 있는 메서드로, Response 객체의 내용을 JSON 문자열로 파싱하여 JavaScript 객체로 변환합니다. 이는 HTTP 요청을 보내고 받은 데이터를 쉽게 처리하기 위해 사용됩니다.
반면에, JSON.parse()는 문자열을 JSON 형식으로 파싱하여 JavaScript 객체로 변환하는 메서드입니다. 이는 문자열로 된 JSON 데이터를 JavaScript 객체로 변환하는 데 사용됩니다.

  1. JSON문자열을 자바스크립트 객체로 변환하시오
      const json1 = '{"result":true, "count":42}';
      const obj = ? ;
      console.log(obj);

      // 자바스크립트 객체를 JSON문자열로 변환하시오
      const json2 = { result: true, count: 42 };
      const result = ? ;
      console.log(result);

// 10.
// JSON문자열을 자바스크립트 객체로 변환하시오

  //- JSON.parse(): JSON문자열을 자바스크립트 객체로 변환합니다.(문자열 => 객체)
  const json1 = '{"result":true, "count":42}';
  const obj = JSON.parse(json1);
  console.log(obj); // {result: true, count: 42}

  // 자바스크립트 객체를 JSON문자열로 변환하시오
  // - JSON.stringify() : 자바스크립트 객체를 JSON문자열로 변환합니다.(객체 => 문자열)
  const json2 = { result: true, count: 42 };
  const result = JSON.stringify(json2); // {"result":true,"count":42}
  console.log(result);
profile
다양한 변화와 도전하는 자세로

0개의 댓글