实现js对象深度复制的方法如下:
- 深度拷贝
- JSON.parse(JSON.stringify(obj)) 。
- immutable-js
- Immer.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结果如下