2023.01.14 TIL javascript

javascript stringify, javascript parse 차이

---

JSON.stringify() 는 Object를 인자로 받아 String으로 변환

JSON.parse() 는 String을 인자로 받아 Object 로 변환

const obj = {
  id: 1,
  name: 'hanjaelee',
  email: 'jayhanjaelee@gmail.com',
}

let stringified = JSON.stringify(obj)
console.log("json stringify result : ", stringified)

/*
json stringify result :  {"id":"1","name":"hanjaelee","email":"jayhanjaelee@gmail.com"}
*/

let parsed = JSON.parse(stringified)
console.log("json parsed : ", parsed)

/*
{ id: '1', name: 'hanjaelee', email: 'jayhanjaelee@gmail.com' }
*/

javascript 객체와 JSON 의 차이

---

JSON 은 Javascript Object Notation 데이터를 주고 받을 때 사용하는 형식

javascript 객체(Object) 는 자바스크립트 언어의 데이터 타입

javascript 문자열 안에서 single quote 와 double quote 사용하는 3가지 방법

---

1. 바깥 문자열과 안쪽 문자열이 서로 다른 single quote 와 double quote 를 쓰는 방법

const str = '{"id": "1", "name": "hanjaelee", "email":"jayhanjaelee@gmail.com"}'
console.log(str)
// '{"id": "1", "name": "hanjaelee", "email":"jayhanjaelee@gmail.com"}'

2. escapse 문자를 사용하는 방법

const str = "{\"id\": \"1\", \"name\": \"hanjaelee\", \"email\":\"jayhanjaelee@gmail.com\"}"
console.log(str)
// '{"id": "1", "name": "hanjaelee", "email":"jayhanjaelee@gmail.com"}'

3. 템플릿 문자열 ` backtick 사용하는 방법

const str = `"{'id': '1', 'name': 'hanjaelee', 'email':'jayhanjaelee@gmail.com}"`
console.log(str)
// `"{'id': '1', 'name': 'hanjaelee', 'email':'jayhanjaelee@gmail.com}"`