关于json.parse(json.stringify())的信息

本篇文章给大家谈谈json.parse(json.stringify())，以及对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、JS使用JSON.parse(),JSON.stringify()实现对对象的深拷贝功能分析
• 2、“JSON.parse”和“JSON.stringify”有什么区别？
• 3、`JSON.parse(JSON.stringfy())`进行深拷贝方法小结
• 4、JSON.parse和JSON.stringify的区别
• 5、浅谈JS中的JSON.stringify() 和 JSON.parse()
• 6、通过JSON.parse(JSON.stringify(obj))转换的对象中的日期（Date）

JS使用JSON.parse(),JSON.stringify()实现对对象的深拷贝功能分析

本文实例讲述了JS使用JSON.parse(),JSON.stringify()实现对对象的深拷贝功能。分享给大家供大家参考，具体如下：

根据不包含引用对象的普通数组深拷贝得到启发，不拷贝引用对象，拷贝一个字符串会新辟一个新的存储地址，这样就切断了引用对象的指针联系。

测试例子：

var

test={

a:"ss",

b:"dd",

c:[

{dd:"css",ee:"cdd"},

{mm:"ff",nn:"ee"}

]

};

var

test1

=

JSON.parse(JSON.stringify(test));//拷贝数组,注意这行的拷贝方法

console.log(test);

console.log(test1);

test1.c[0].dd="change";

//改变test1的c属性对象的d属性

console.log(test);

//不影响test

console.log(test1);

测试结果：

根据测试结果，我们可以看到，test1已经从test复制一份，并且test1改变其中属性的值时，对原来的对象test没有造成影响。

JSON.parse(),JSON.stringify()兼容性键绝差问题

可以通过为IE7以及IE7以下版本的IE浏览器引入json2.js，使用json2.js来解决JSON的兼容性问题

!--[if

lt

IE

7]

script

src="具体放路径/json2.js"/script

![endif]--

json2.js的github地址为：

好了，到这里就实现了，使用JSON.parse(),JSON.stringify()对对象的深拷贝~~

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：测试上述代码运行效果。

更多关于JavaScript相关内容可查看本站专题：《javascript面向对象入门教程》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

您可能感兴趣的文章:JavaScript基于遍历操作实现对象深拷贝功能示例JavaScript对象的浅拷贝与深拷贝实例分析JavaScript

中对象的深拷贝js对稿皮象浅拷贝和深拷贝详解浅谈JavaScript中面向对宏并象的的深拷贝和浅拷贝jQuery深拷贝Json对象简单示例JavaScript对象拷贝与赋值操作实例分析浅谈angularJs函数的使用方法(大小写转换,拷贝,扩充对象)JavaScript对象拷贝与Object.assign用法实例分析js实现数组和对象的深浅拷贝

“JSON.parse”和“JSON.stringify”有什么区别？

1.JSON.parse(“要转换的数饥激组”) 。

2.JSON.stringify(“要转化的数组”)。

3.首先，两个方法的用法是有局肢薯差别的。

①.JSON.stringify是从一个对象中解析出字符串。

②.JSON.parse是从一个字符串中解析出json(键值对)。 

4.所以在使用的时候如果参数不对应，就不能正确转换。

一.JSON.parse()【从一个字符串中解析出json对象】

例子：

1.//定义一个字符串，var data='{"name":"goatling"}'。

2.//解析对象，JSON.parse(data)。

3.结果是桐者：

name:"goatling"

二.JSON.stringify()【从一个对象中解析出字符串】

1.var data={name:'goatling'}

2.JSON.stringify(data)

3.结果是：

'{"name":"goatling"}'

`JSON.parse(JSON.stringfy())`进行深拷贝方法小结

深拷贝和浅拷贝只针对像 Object , Array 这样的复杂对象的， String , Number 等简单含宴类型不存在深拷贝。

因为浅拷贝只会将对象的各个属性进行依次复制，并不会进行递归复制。在JavaScript中，对于 Object 和 Array 这类引用类型值，当从一个变量向另一个变量复制引用类型值时，这个值的副本其实是一个指针，两个变量指向同一个堆对象，改变其中一个变量，另一个也会受到影响段氏。所以浅拷贝会导致 obj.arr 和 shallowObj.arr 指向同一块内存地址，当修改 obj.arr 的值时， shallowObj.arr 的值同样会被修改，大概的示意图如下：

而深拷贝则不同，它不仅将原对象的各个属性逐个复制出去，而且将原对象各个属性所包含的对象也依次采用深拷贝的方法递归复制到新对象上。这就不会存在上面 obj 和 shallowObj 的 arr 属性指向同一个对象的问题。当修改 obj.arr 的谈燃银值时， shallowObj.arr 的值不会被修改，仍然为原值，如下图：

JSON.parse()官方解释

JSON.stringfy()官方解释

JOSN对象中的 stringify 可以把一个js对象序列化为一个JSON字符串， parse 可以把JSON字符串反序列化为一个js对象，通过这两个方法，也可以实现对象的深复制。

用法简单，然而使用这种方法会有一些隐藏的坑：因为在序列化JavaScript对象时，所有函数和原型成员会被有意忽略。

通俗点说， JSON.parse(JSON.stringfy(X)) ，其中X只能是 Number , String , Boolean , Array , 扁平对象，即那些能够被 JSON 直接表示的数据结构。

深拷贝其他方法文章拓展

[img]

JSON.parse和JSON.stringify的区别

1.parse 用于从一个字符串中解析出json 对象。例如

指空var str='{"name":"cpf","age":"23"}'

经 JSON.parse(str) 得到：

Object:

age:"23"

name:"cpf"

_proto_:Object

ps:单引号写在{}外，每个属性都必须双引号，否则会抛出异常

2.stringify用于从一个对象解析出字符串，例如

var a={a:1,b:2}

经 JSON.stringify(a)得到：

“{“a”:1,"b":2}”

JSON.stringify，这个函数的作用主要是为了系列化对象的。（或者说是将原来的对象转换为字符串的，如json对象）：

首先定义一个json对象，var jsonObject = { "UserID": "1", "UserName": "xiaozhang" };

使用alert(jsonObject)弹出一下，显示：

[Object

Object]

然后调用一下JSON.stringify一下，将json对象转换为json字符串。

var

jsontext = JSON.stringify(jsonObject);

alert(jsontext)；

显示如下：

{

"UserID":

"1",

"UserName":

"xiaozhang"

}

2、jQuery.parseJSON,将一个JSON字符串转换为JSON对象（JSON.parse也是将一个json字符串解析为json对象），如下面

首先定义一个JSON字符串，迅指var c = '{"name":"Mike","sex":"男","age":"29"}'；（注意：单引号写在{}外，每个属性名都必须用双引号，否则会抛出异常。）

然后调用jQuery.parseJSON将其转换为JSON对象，

var

employeejson=jQuery.parseJSON(c);

访问亩逗配的时候使用employeejson.name,employeejson.sex,employeejson.age获取相应的值

浅谈JS中的JSON.stringify() 和 JSON.parse()

我们知道， JSON.stringify() 和 JSON.parse() 是一对处理JSON数据的方法，前者是将JSON对象序列化为字符串，而后者是将JSON字符串解析为JSON对象。

但是你有较为深入地去了解过它们吗？它们分别可以传入几个参数以及每个参数对应的作用是什么你知道吗？

它可以传入三个参数， 参数1 是需要字符串化的对象， 参数2 是用于指定对象序列化过程中需要被处理的属性， 参数3 是用于指定输出字符串的缩进格式。后两个参数是可选的，而我们最常用的就是只传一个参数。

需要字符串化的对象燃弊，且该对象须是安全的JSON对象，而对于不安全的JSON对象都不能被正常序列化。

何为不安全的JSON对象？

undefined、function、symbol 和包含循环的引用的对象都不符合JSON结构标准，所以它们本身以及包含它们的对象都是不安全的JSON对象。

那么对于不安全的JSON对象， JSON.stringify() 会如何处理它们呢？

单独处理它们，直接返回 undefined 。

包含它们的对象，自动将其忽略。例如：

包含它们的数组，自动将其转成 null 。例如：

如果两个对象之间互相引用，形成一个无限循环，那么无论对其中的哪个对象进行JSON字符串化都会直接报错！例如：

对该类对象进行JSON字符串化，会先调用 toJSON() 方法，然后用它的返回值来进行序列化。例如：

正常按照前面讲的忽略 function 来说应该要返回 "{"a":1}" 才对嘛，为啥是 undefined 呢? 这就是因为包含 toJSON() 方法的缘故，只要有它，直接就处理它的返回值。上例中因为 toJSON() 方法返回值是个不安全的JSON对象，所以就按照前面 ① 中讲的方式来处理了。

再看个例子你就明白了：

用于指定对象序列化过程中需要被处理的属性，它可以是数组或函数。

必须是字符串数组，其中包含序列化要处理的对象的属性名称，除此之外的其他属性会被忽略。例如：

该函数会先调用对象本身，然后遍历对象的每个属性。函数传入两个参数，第一个为属性名（key），第二个为属性值（value）。开始调用对象本身时，第一个参数key为空字符串，第二个参数value为对象本身，而此时函数的返回值会直接替换原对象。而后每次遍历对象属性时的返回值都会替换原有该属性的值。例如：

看到了吗？每一次遍历返回值都可能会对最终的处理结果产生影响。我们再看个例子：

用于指定输出字符串的缩进格式。它可以是正整数，也可以是字符串。当是正整数时，它指定的是每一级缩进的字符数，当它是字符串时，该字符串的前十个字符将会被用于每一级的缩进。例如：

最后输出结果为：

可以看到，无论传入的字符串有多长，最终只会取前十个字符用于缩进填充。

了解完了 JSON.stringify() ，我们再来看看它的逆操作函数 JSON.parse() 。

它可以传入两者段咐个参数， 参数1 是需要被解析的字符串， 参数2 是用于修改解析生成的原始值。后一个参数是可选的，而我们最常用的就是只传一个参数。

该参数必须是符合JSON规范的字符串，如果是其他类型，则会被强制类型转换成字符串格式，如果不符合JSON规范，则会报错！例如：

注意JSON字符串中的key必须有双引号（单引号也不行），不然是不符合JSON规范的。

该参数是个函数，作用类似于前面 JSON.stringify() 的第二个参数replacer，同样是对属性进行遍历，同样有首纯key和value两个参数。我们具体来看个例子：

看到了吗？前面属性的遍历可以修改输出对象的属性值，但最终输出的值关键还是取决于key为空字符串时的返回值，它可以将之前所有的努力都变为徒劳！

通过JSON.parse(JSON.stringify(obj))转换的对象中的日期（Date）

JSON.parse(JSON.stringify()) 通过此方法乱段确实哗渣誉可以实现一定程度的深拷贝，但是使用此方法，要注意对象中的字段如果是Function或者是Date格式的，深拷贝就会出现问题了梁宴。如果对象中有Function或者Date格式的数据，尽量还是不要用 JSON.parse(JSON.stringify()) 此方法来实现深拷贝。

关于json.parse(json.stringify())和的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。