JSON.stringify(), JSON.parse()

JSON.stringify()

  • JavaScript 객체를 JSON 문자열로 변환하는 데 사용된다.
  • 이 함수는 객체를 문자열로 직렬화하여 다른 플랫폼 또는 서버에 전송하거나 저장할 수 있도록 한다.
  • JSON.stringify()는 객체의 속성과 값을 문자열로 변환하며, 필요에 따라 변환 과정에서 다양한 옵션을 설정할 수 있다.

사용 예시

const person = {
  name: 'John',
  age: 30,
  city: 'Seoul'
};

const json = JSON.stringify(person);

console.log(json);
// 출력: {"name":"John","age":30,"city":"Seoul"}

  • JSON.stringify() 함수는 객체의 속성들을 문자열로 변환하여 JSON 형식으로 반환한다.
  • 이를 통해 데이터를 효과적으로 전달하고 저장할 수 있다.

 

💡 Tip 💡

JSON.stringify() 함수는 원시 타입인 숫자, 문자열, 불리언, null을 그대로 반환하며, undefined와 함수는 무시된다.


JSON.parse()

  • JSON 문자열을 JavaScript 객체로 변환하는 데 사용된다.
  • 이 함수는 다른 플랫폼이나 서버에서 받은 JSON 문자열을 역직렬화할 수 있도록 한다.
  • JSON.parse()는 JSON 문자열을 입력으로 받아 JavaScript 객체로 변환하며, 문자열을 파싱하여 원래의 객체를 재생성한다.

사용 예시

const json = '{"name":"John","age":30,"city":"Seoul"}';

const person = JSON.parse(json);

console.log(person);
// 출력: { name: 'John', age: 30, city: 'Seoul' }

  • JSON.parse() 함수는 JSON 문자열을 JavaScript 객체로 변환하여 코드에서 데이터를 사용할 수 있게 한다.
  • 주로 JSON 형식으로 외부 소스에서 데이터를 받을 때 사용된다.

 

💡 Tip 💡

JSON.parse()는 숫자, 문자열, 불리언, null과 같은 원시 타입에 대해서는 원래 값으로 반환한다. undefined와 함수는 무시된다.


'프론트엔드 > Javascript' 카테고리의 다른 글

filter()  (0) 2023.10.01
forEach()  (0) 2023.10.01
parentElement  (0) 2023.10.01
document.querySelector()  (0) 2023.10.01
padStart, padEnd  (0) 2023.09.29