JSON.stringify()
这个 API 想必大家都用过，可以帮助我们将数据解析成字符串类型，如下是个例子：
const obj = {
name: 'foo',
level: 'low',
age: '100',
money: 'empty'
}
JSON.stringify(obj)
// "{"name":"foo","level":"low","age":"100","money":"empty"}" 复制
想必这样的写法大家都知道，但是其实
JSON.stringify
总共接受三个参数。
第二个参数可以传入一个数组或者函数。
我们先来看看传入数组的话结果会是什么？
JSON.stringify(obj, ['name', 'age'])
// "{"name":"foo","age":"100"}" 复制
当我们传入数组时候，只有数组内的属性名才会被正常序列化。
那么当第二个参数传入函数会发生什么呢？
const obj1 = { name: new Set([1]) }
JSON.stringify(obj1, (key, value) => {
return value instanceof Set ? [...value] : value
})
// 正常序列化是 "{"name":{}}"
// 例子中的输出为 "{"name":[1]}" 复制
我们都知道
JSON.stringify
是不能处理某些值的，就比如例子中的
Set
类型的值就不能正常序列化。但是其实我们可以通过传入函数的方式帮助我们将
Set
类型的值转换为数组类型，从而使得数据能够被正常序列化。
第三个参数可以传入数字或者字符串类型，该参数用于美化输出。正常来说输出的结果都是一行文本，在数据量小的时候阅读起来没啥压力，但是当数据量庞大的时候就会增加阅读难度。这个参数在这种时候就能帮助到我们。
JSON.stringify(obj, null, 2)
// "{
// "name": "foo",
// "level": "low",
// "age": "100",
// "money": "empty"
// }" 复制
当传入数字时，每个属性都会换行并且带有缩进空格。
JSON.stringify(obj, null, '?')
// "{
// ?"name": "foo",
// ?"level": "low",
// ?"age": "100",
// ?"money": "empty"
//}" 复制
当传入字符串时，每个属性照样都会换行并且在开头加上你传入的字符串。
以上就是本篇文章的内容了，虽然这单纯属于 API 范畴的知识，但是我相信很多人应该并不知道
JSON.stringify
还拥有这样的能力。