deepclone深拷贝
时间: 2023-07-08 10:19:40 浏览: 152
深拷贝是指完全复制一个对象,包括它的引用类型数据(如数组、对象等),而不是只复制它们的地址或引用。深拷贝的目的是为了保持原始对象和新对象的独立性,避免它们之间相互影响。
实现深拷贝的方法有很多,比较常用的有递归、JSON序列化和反序列化、lodash库等。下面分别介绍这些方法的实现方式。
1. 递归
使用递归的方式可以遍历对象的每一个属性,并将其复制到新的对象中。同时,如果属性的值仍然是一个对象,就递归地调用深拷贝函数,直到遍历完所有的属性。
```javascript
function deepClone(obj) {
if (typeof obj !== 'object' || obj === null) {
return obj;
}
const newObj = Array.isArray(obj) ? [] : {};
for (const key in obj) {
if (Object.hasOwnProperty.call(obj, key)) {
newObj[key] = deepClone(obj[key]);
}
}
return newObj;
}
```
2. JSON序列化和反序列化
使用JSON.stringify()方法将原始对象序列化为一个JSON字符串,然后使用JSON.parse()方法将JSON字符串反序列化为一个新的对象。
```javascript
function deepClone(obj) {
return JSON.parse(JSON.stringify(obj));
}
```
这种方法的缺点是,如果原始对象中有函数、正则表达式、Date等对象时,在序列化和反序列化过程中会丢失它们的类型,变成了字符串或空对象。
3. lodash库
lodash是一个常用的JavaScript工具库,提供了许多方便的函数,包括深拷贝函数。
```javascript
const _ = require('lodash');
const obj = {a: 1, b: {c: 2, d: {e: 3}}};
const newObj = _.cloneDeep(obj);
```
使用lodash库的深拷贝函数可以处理原始对象中的函数、正则表达式、Date等对象,保持它们的类型不变。
阅读全文