[js] JSON.stringify(), JSON.parse()

JavaScript JSON.stringify(), JSON.parse()

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

• 자바스크립트 값이나 객체를 JSON 문자열로 변환
• value
  JSON 문자열로 변환할 값(배열, 객체, 또는 숫자, 문자 등)
• replacer
  함수 또는 배열이 될 수 있음
  이 값이 null이거나 없다면, 객체의 모든 속성들이 JSON 문자열 결과에 포함됨
• space
  서식 변경 목적으로 사용할 공백 문자 수

let data1 = {
    name: "Hong gil dong",
    age: 20,
    favorite: {
        book: ["홍길동전", "콩쥐팥쥐"],
        movie: ["전우치"],
    },
};
let data2 = [
    [0, 1],
    [2, 3],
    [4, 5],
];

console.log(JSON.stringify(data1)); // {"name":"Hong gil dong","age":20,"favorite":{"book":["홍길동전","콩쥐팥쥐"],"movie":["전우치"]}}
console.log(JSON.stringify(data2)); // [[0,1],[2,3],[4,5]]
console.log(JSON.stringify(data1, null, 2));
/*
{
  "name": "Hong gil dong",
  "age": 20,
  "favorite": {
    "book": [
      "홍길동전",
      "콩쥐팥쥐"
    ],
    "movie": [
      "전우치"
    ]
  }
}
*/

 

 

JSON.parse(text[, reviver])

• JSON 문자열의 구문을 분석하고, 그 결과에서 자바스크립트 값이나 객체를 생성
• text
  JSON으로 변환할 문자열
• reviver
  함수를 넣는다면 변환 결과를 반환하기 전에 이 인수에 전달해 변형함

let stringifyData = '{"name":"Hong gil dong","age":20,"favorite":{"book":["홍길동전","콩쥐팥쥐"],"movie":["전우치"]}}';
let object = JSON.parse(stringifyData);
console.log(object);

let object2 = JSON.parse(stringifyData, (key, val) => (key == "age" ? val * 2 : val));
console.log(object2);

 

 

 

 

 

 

 

https://ithub.tistory.com/54

Javascript JSON.parse(), JSON.stringify() 사용하는법

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify

JSON.stringify() - JavaScript | MDN

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse

JSON.parse() - JavaScript | MDN