你可能不知道的你可能不知道的JSON.stringify()详解详解
老司机们,你知道JSON.stringify还有第二个和第三个可选参数吗?它们是什么呢?是不是感到不可思议?下面
这篇文章就来给大家介绍了一些你可能不知道的JSON.stringify的相关资料,文中通过示例代码介绍的非常详
细,需要的朋友可以参考下。
前言前言
JSON已经逐渐替代XML被全世界的开发者广泛使用。本文深入讲解JavaScript中使用JSON.stringify的一些细节问题。首先简
单回顾一下JSON和JavaScript:
不是所有的合法的JSON都是有效的JavaScript;
JSON只是一个文本格式;
JSON中的数字是十进制。
1. JSON.stringify
let foo = { a: 2, b: function() {} };
JSON.stringify(foo);
// "{ "a": 2 }"
JSON.stringify函数将一个JavaScript对象转换成文本化的JSON。不能被文本化的属性会被忽略。foo中属性b的值是函数定
义,没有被转换而丢失。
还有哪些属性也不能转换?
1. 循环引用循环引用
如果一个对象的属性值通过某种间接的方式指回该对象本身,那么就是一个循环引用。比如:
var bar = {
a: {
c: foo
}
};
var foo = {
b: bar
};
属性c指向自己,如果层层解析,将会进入一个无限循环。我们尝试将其打印出来看看:
let fooStringified = JSON.stringify(foo);
console.log(fooStringified); // {"b":{"a":{}}}
c的属性指向foo对象,foo对象中的b属性又指向bar对象而无法处理,整个被忽略而返回空对象。
如下定义(原文中的例子)是无法通过编译的:
let foo = {b : foo};
错误信息:
ReferenceError: foo is not defined
at repl:1:14
在函数式语言Haskell中,因为有Lazy Evaluation技术,可以使用类似的定义方法。
2. Symbol和和undefined
let foo = { b: undefined };
JSON.stringify(foo);
// {}
// Symbols
foo.b = Symbol();
JSON.stringify(foo);
// {}
例外情况
在数组中,不可被stringify的元素用null填充。
let foo = [Symbol(), undefined, function() {}, 'works']
JSON.stringify(foo);
// "[null,null,null,'works']"