[14天] JSON.stringify() 特性
一、将被忽略的数据类型
undefined
、任意的function
以及 symbol
作为对象属性值时 JSON.stringify()
将跳过(忽略)对它们进行序列化
const data = {
a: "aaa",
b: undefined,
c: Symbol("dd"),
fn: function() {
return true;
}
};
JSON.stringify(data);
// "{"a":"aaa"}"
如果做为数组成员呢?
JSON.stringify(["aaa", undefined, function aa() { return true
}, Symbol('dd')])
// "["aaa",null,null,null]"
undefined
、任意的function
以及 symbol
作为数组元素值时,JSON.stringify()
会将它们序列化为 null
如果单独序列化这些值会是什么样的结果
JSON.stringify(function a (){console.log('a')})
// undefined
JSON.stringify(undefined)
// undefined
JSON.stringify(Symbol('dd'))
// undefined
undefined
、function
以及 symbol
被 JSON.stringify()
作为单独的值进行序列化时都会返回 undefined
二、对象属性顺序会发生变化
const data = {
a: "aaa",
b: undefined,
c: Symbol("dd"),
fn: function() {
return true;
},
d: "ddd"
};
JSON.stringify(data); // 输出:?
// "{"a":"aaa","d":"ddd"}"
JSON.stringify(["aaa", undefined, function aa() {
return true
}, Symbol('dd'),"eee"]) // 输出:?
// "["aaa",null,null,null,"eee"]"
正如我们在第一特性所说,JSON.stringify()
序列化时会忽略一些特殊的值,所以不能保证序列化后的字符串还是以特定的顺序出现(Array
除外)。
三、转化内容中包含toJSON函数
即自行实现toJSON函数的对象
JSON.stringify({
say: "hello JSON.stringify",
toJSON: function() {
return "today i learn";
}
})
// "today i learn"
转换值如果有 toJSON()
函数,该函数返回什么值,序列化结果就是什么值,并且忽略其他属性的值。
四、转化Date类型
JSON.stringify({ now: new Date() });
// "{"now":"2019-12-08T07:42:11.973Z"}"
JSON.stringify()
将会正常序列化 Date
的值,实际上 Date
对象自己部署了 toJSON()
方法(同Date.toISOString()
),因此 Date
对象会被当做字符串处理
五、为null的值
NaN 和 Infinity 格式的数值及 null 都会被当做 null
JSON.stringify(NaN)
// "null"
JSON.stringify(null)
// "null"
JSON.stringify(Infinity)
// "null"
六、第二个参数和第三个参数
replacer 参数
replacer 参数有两种形式,可以是一个函数或者一个数组。作为函数时,它有两个参数,键(key)和值(value),函数类似就是数组方法 map、filter 等方法的回调函数,对每一个属性值都会执行一次该函数。如果 replacer 是一个数组,数组的值代表将被序列化成 JSON 字符串的属性名。
space 参数
space 参数用来控制结果字符串里面的间隔
const data = {
name: 'lenton',
age: 23,
}
JSON.stringify(data, null , '****')
// {\n****"name": "lenton",\n****"age": 23\n}'
2022-05-30 13:51:10
570
0
参与讨论