[JavaScript知识库]（基础）JavaScript中JSON.stringify方法

JSON.stringify基础使用和参数

const obj = {
  name: "swh",
  age: 18,
  friends: {
    name: "kobe"
  },
  hobbies: ["篮球", "足球"], 
}

// 需求: 将上面的对象转成JSON字符串
// 1.直接转化
// 参数1：需要转化的对象
const jsonString1 = JSON.stringify(obj)
console.log(jsonString1)
//{"name":"swh","age":18,"friends":{"name":"kobe"},"hobbies":["篮球","足球"]}

// 2.stringify第二个参数replacer
// 2.1. 传入数组: 设定哪些字段是需要转换
const jsonString2 = JSON.stringify(obj, ["name", "friends"])
console.log(jsonString2)
//{"name":"swh","friends":{"name":"kobe"}}


// 2.2. 传入回调函数:
const jsonString3 = JSON.stringify(obj, (key, value) => {
  if (key === "age") {
    return value + 1
  }
  return value
})
console.log(jsonString3)
// {"name":"swh","age":19,"friends":{"name":"kobe"},"hobbies":["篮球","足球"]}

// 3.stringify第三参数 space
const jsonString4 = JSON.stringify(obj, null, 2)
console.log(jsonString4)
//打印格式
// {
//   "name": "swh",
//   "age": 18,
//   "friends": {
//     "name": "kobe"
//   },
//   "hobbies": [
//     "篮球",
//     "足球"
//   ]
// }
const jsonString5 = JSON.stringify(obj, null, '--')
console.log(jsonString5)
// {
//   --"name": "swh",
//   --"age": 18,
//   --"friends": {
//   ----"name": "kobe"
//   --},
//   --"hobbies": [
//   ----"篮球",
//   ----"足球"
//   --]
//  }

如果obj对象中有toJSON方法

const obj = {
  name: "swh",
  age: 18,
  friends: {
    name: "kobe"
  },
  hobbies: ["篮球", "足球"],
  toJSON: function() {
    return "123456"
  }      
}
const jsonString1 = JSON.stringify(obj)
console.log(jsonString1)
//"123456"

如果转化对象中有函数类型，函数是不会被转换的

const obj = {
  name: "swh",
  age: 18,
  friends: {
    name: "kobe"
  },
  hobbies: ["篮球", "足球"],
  too: function() {
    return "123456"
  }       //不会转换字符串
}
const jsonString1 = JSON.stringify(obj)
console.log(jsonString1)
//{"name":"swh","age":18,"friends":{"name":"kobe"},"hobbies":["篮球","足球"]}

JSON.parse将JSON.stringify结果转为对象

const JSONString = '{"name":"swh","age":19,"friends":{"name":"kobe"},"hobbies":["篮球","足球"]}'
// 参数1：转换对象
// 参数2：回调函数
const info = JSON.parse(JSONString, (key, value) => {
  if (key === "age") {
    return value - 1
  }
  return value
})
console.log(info)
//{name: 'swh', age: 18, friends: {…}, hobbies: Array(2)}

stringify和parse来实现

const obj = {
  name: "swh",
  age: 18,
  friends: {
    name: "kobe"
  },
  hobbies: ["篮球", "足球"],
}
// 3.stringify和parse来实现
const jsonString = JSON.stringify(obj)
const info3 = JSON.parse(jsonString)
obj.friends.name = "curry"
// 改变初始对象中属性值，不会影响info3属性值
console.log(info3.friends.name)
//kobe
console.log(obj.friends.name)
//curry