JS JSON.parse(JSON.stringfy(对象)) 弊端

172 阅读1分钟

实现js对象深度复制的方法如下:

JSON.parse(JSON.stringify(obj))

1、如果obj里面存在时间对象,JSON.parse(JSON.stringify(obj))之后,时间对象变成了字符串
2、如果obj里有RegExp、Error对象,则序列化的结果将只得到空对象
3、如果obj里有函数,undefined,则序列化的结果会把函数, undefined丢失
4、如果obj里有NaN、Infinity和-Infinity,则序列化的结果会变成null
5、JSON.stringify()只能序列化对象的可枚举的自有属性。如果obj中的对象是有构造函数生成的, 则使用JSON.parse(JSON.stringify(obj))深拷贝后,会丢弃对象的constructor
6、如果对象中存在循环引用的情况也无法正确实现深拷贝

function P(name) {
    this.name = name
}
const lili = new P('Lili')


let testObj = {
    data0: '1',
    date1: [new Date('2023-03-06'), new Date('2023-03-09')],
    data2: new RegExp('\w+'),
    data3: new Error('1'),
    data4: undefined,
    data5: function () {
        console.log(1)
    },
    data6: NaN,
    data7: lili
}

let z = JSON.parse(JSON.stringify(testObj))

打印z结果如下

image.png