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 |