JSON.parse(JSON.stringify)深拷贝的问题

1. 如果obj里面有时间对象，则JSON.stringify后再JSON.parse的结果，时间将只是字符串的形式，而不是对象的形式

var t = {time: new Date()};
var t2 = JSON.parse(JSON.stringify(t));
console.log(t,t2)

image.png

2. 如果obj里有RegExp(正则表达式的缩写)、Error对象，则序列化的结果将只得到空对象；

var r = {a: /^name.+/, b:2, c: new Error('错误'), d: new RegExp('\\w+')};
var r2 = JSON.parse(JSON.stringify(r));
console.log(r, r2)

image.png

3. 如果obj里有函数，undefined，则序列化的结果会把函数或 undefined丢失；

var q = {fn: function(){}, u: undefined, i: null, g: ''};
var q2 = JSON.parse(JSON.stringify(q));
console.log(q, q2)

image.png

4. 如果obj里有NaN、Infinity和-Infinity，则序列化的结果会变成null

var w = {a: NaN, b: Infinity, c: -Infinity, d: 3};
var w2 = JSON.parse(JSON.stringify(w));
console.log(w, w2)

image.png

5. JSON.stringify()只能序列化对象的可枚举的自有属性，例如 如果obj中的对象是有构造函数生成的， 则使用JSON.parse(JSON.stringify(obj))深拷贝后，会丢弃对象的constructor；

function Person(name){this.name=name};
Person.prototype.age= 14;
var p = new Person('zs');
var o = {a: p};
var o2 = JSON.parse(JSON.stringify(o));
console.log(o ,o2)

image.png

6. 如果对象中存在循环引用的情况也无法正确实现深拷贝；

var a = {};a.b=a;

image.png

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