那些你不知道的JSON.stringify()的用处

更新日期: 2021-01-25阅读: 1.7k标签: json分享

复制链接

新浪微博

QQ 好友

扫一扫分享

一般情况下，我们使用JSON.stringify() 是为了将一个对象转为字符串输出。

（1）第一个参数是我们要字符串化的对象或者数组，但是其实它还有第二个/第三个参数哦

let obj = {
  name: ‘良人‘,
  age: 18,
  hobby: ‘play‘
}

console.log(JSON.stringify(obj))
// {"name":"良人","age":18,"hobby":"play"}

（2）第二个参数，为数组时，将key作为关键字打印我们需要的信息

let obj = {
  name: ‘良人‘,
  age: 18,
  hobby: ‘play‘
}

console.log(JSON.stringify(obj, [‘hobby‘]))
// {"hobby":"play"}

console.log(JSON.stringify(obj, [‘aaaa‘]))
// "{}"

console.log(JSON.stringify(obj, [‘aaaa‘, ‘name‘]))
// {"name":"良人"}

第二个参数，为函数时

let obj = {name: ‘lily‘, age: 18}
console.log(223, JSON.stringify(obj, (key, value) => {
  if (key === ‘name‘) {
    return 111111
  }
  return value // 这里的return返回的是修改过后的整个值，一定要返回哦
}))
// "{"name":111111,"age":18}"

（3）第三个参数为字符串或数值时，字符串会以该字符向前填充，数值则按照tab键个数填充

let obj = {
  name: ‘良人‘,
  age: 18,
  hobby: ‘play‘
}

console.log(JSON.stringify(obj, null, ‘***‘))

// "{
// ***"name": "良人",
// ***"age": 18,
// ***"hobby": "play"
// }"

console.log(JSON.stringify(obj, null, 8))
// {
//         "name": "良人",
//         "age": 18,
//         "hobby": "play"
// }

（4）对象可以定义一个toJSON 方法，JSON.stringify时得到这个方法返回的值

const obj = {
 name : ‘良人‘,
 age : 18,
 hobby: ‘play‘,
 toJSON() {
    return { 
      myInfo: `${this.name} + ${this.age}`
    }
 }
}

console.log(JSON.stringify(obj))
// "{"myInfo":"良人 + 18"}"

链接: https://fly63.com/article/detial/10137

那些你不知道的JSON.stringify()的用处

web数据格式中关于：XML/HTML/JSON学习总汇

解决IE8下JSON.stringify()自动将中文转译成unicode的方法

js实现json格式化，以及json校验工具的简单实现

解析Json字符串的三种方法

解决IE8以下低版本实现JSON.parse()与JSON.stringify()的兼容

什么是数据交互格式？xml和json优缺点

js 将json字符串转换为json对象的方法解析

聊聊JSON Schema

百度JSON LD结构化数据代码分享

什么是JWT（JSON WEB TOKEN）