关于JSON.parse(JSON.stringfy(object))进行深拷贝的坑~

Posted 2023-05-15

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了关于JSON.parse(JSON.stringfy(object))进行深拷贝的坑~相关的知识，希望对你有一定的参考价值。

参考技术A

JSON.parse(JSON.stringfy(object))就是利用JSON.stringify 将js对象序列化（JSON字符串），再使用JSON.parse来反序列化（还原）js对象；序列化的作用是存储(对象本身存储的只是一个地址映射，如果断电，对象将不复存在，因此需将对象的内容转换成字符串的形式再保存在磁盘上 )和传输。
关于使用时需要注意以下几点：
1、如果object里面有 时间对象 ，则JSON.stringify后再JSON.parse的结果，时间将只是字符串的形式。而不是时间对象；
2、如果object里有 RegExp、Error对象 ，则序列化的结果将只得到空对象；
3、如果obj里有 函数、undefined、symbol ，则序列化的结果会把函数或 undefined丢失；
4、如果obj里有 NaN、Infinity和-Infinity ，则序列化的结果会变成null
5、JSON.stringify()只能序列化对象的可枚举的自有属性，例如如果obj中的对象是有 构造函数 生成的，则使用JSON.parse(JSON.stringify(obj))深拷贝后，会丢弃对象的 constructor ；
6、如果对象中存在 循环引用 的情况也无法正确实现深拷贝；

你不知道的JSON.stringify和JSON.parse

json是JavaScript 对象表示法（JavaScript Object Notation）,是一种简单的数据格式,类似于XML，其格式为名称/值对，数据用逗号隔开，名称必须用双引号括起来。例如：{"name":"wumomo",age:25}

关于需要注意的几点：

1、名称必须用双引号括起来

2、最后一个值后不能加逗号

3、值可以为数字，字符串，对象，数组，Boolean值（true/false），null；不能是函数，undefined或者NaN

json和javascript对象格式有点相似，但是它们也是有很大区别的，同时相互之间可以进行转化。

区别	json	javascript对象
含义	一种数据格式	类的实例
传输	可以跨平台数据传输，速度快	不能传输
名称/key	名称必须用双引号括起来	名称可以不加双引号
属性值	最后的值后不能加逗号，值不能是函数/undefined/NaN	可加逗号，可为任意值

json转为js对象 ------ JSON.parse(str)

js对象转为json ------ JSON.stringify(obj)

在这之前的项目开发中只接触和使用了JSON.parse()和 JSON.stringify()方法的第一个参数，然后也没有去深究，在一次偶然的机会，看到了其他的参数，才知道原来还可以这样。

JSON.parse(text[, reviver])

text ------- 必选，要被解析成JavaScript值的字符串

reviver函数：function(key,value) ------ 可选，解析值本身以及它所包含的所有属性，会按照一定的顺序（从内到外）分别的去调用 reviver 函数，如果 reviver 返回 undefined，则当前属性会从所属对象中删除，如果返回了其他值，则返回的值会成为当前属性新的属性值。当遍历到最顶层的值（解析值）时，传入 reviver 函数的参数key为""，value为修改过的解析值。

例如：

技术分享图片