鲜为人知的 JSON.stringify 用法(2)-木庄网络博客

当前第2页返回上一页

JSON.stringify(boy, (key, value) => {
  if (typeof value === 'string') {
    return undefined
  }
  return value
})
// {"age":23,"hobbies":{}}

第三个参数

第三个参数 space 控制了转换后的 JSON 串的间距。

如果参数是数字，则以该数字个数的空格进行缩进：

JSON.stringify(boy, null, 2)
// {
//   "name": "John",
//   "age": 23,
//   "hobbies": {}
// }

而如果参数是字符串，则以该字符串进行缩进：

JSON.stringify(boy, null, '--')
// {
//   --"name": "John",
//   --"age": 23,
//   --"hobbies": {}
// }

toJSON 方法

如果我们要转换的对象具有一个 toJSON 方法，那么就可以定制自己被序列化的过程。您可以从方法中返回一个新值，而不是序列化该对象，并且此值将被序列化，而不是原始对象。

const boy = { 
  name: 'John', 
  age: 23,
  hobbies: new Map([[0, 'coding'], [1, 'earn money']]),
  toJSON() {
    return {
      name: `${this.name} (${this.age})`,
      favorite: this.hobbies.get(0)
    }
  }
}
 
JSON.stringify(boy)
// {"name":"John (23)","favorite":"coding"}

是不是很有趣？有时候仔细看一些文档还是很有用的~

参考文章

原文地址：https://mp.weixin.qq.com/s/_e83_G7RjVt2eR_ro7blOA
MDN：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify

本文来自 js教程栏目，欢迎学习！

以上就是鲜为人知的 JSON.stringify 用法的详细内容，更多文章请关注木庄网络博客！

返回前面的内容