用js递归遍历实现对象深拷贝
时间: 2023-11-24 12:58:13 浏览: 150
以下是使用JavaScript递归遍历实现对象深拷贝的示例代码:
```js
function deepCopy(obj) {
// 如果是基本类型或null,则直接返回
if (obj === null || typeof obj !== 'object') {
return obj;
}
// 创建一个新的对象或数组
const newObj = Array.isArray(obj) ? [] : {};
// 遍历obj的所有属性
for (let key in obj) {
// 如果属性是对象或数组,则递归调用deepCopy函数
if (obj.hasOwnProperty(key)) {
newObj[key] = deepCopy(obj[key]);
}
}
return newObj;
}
```
这个函数接收一个对象作为参数,并返回一个深拷贝的新对象。它会递归遍历原对象的所有属性,如果属性是对象或数组,就递归调用deepCopy函数,直到遍历完整个对象。最后返回一个新的对象,该对象包含原对象的所有属性和值,但是它们是完全独立的,修改新对象的属性不会影响原对象的属性。
相关问题
JS中用遍历对象的办法实现对象深拷贝的原理
对象深拷贝是指创建一个新的对象,该对象与原始对象具有相同的属性和值,并且它们不共享同一个内存地址。在 JavaScript 中,对象深拷贝可以使用遍历对象的方法来实现,具体步骤如下:
1. 创建一个新的空对象,用于存储深拷贝后的对象。
2. 遍历原始对象的属性,判断属性的类型,如果是基本数据类型(如字符串、数字等),直接复制到新对象中;如果是引用类型(如对象、数组等),则递归调用深拷贝函数进行复制,并将复制后的对象赋值给新对象的该属性。
3. 返回新对象。
实现代码如下:
```
function deepClone(obj) {
if (typeof obj !== "object" || obj === null) {
return obj;
}
let newObj = Array.isArray(obj) ? [] : {};
for (let key in obj) {
if (obj.hasOwnProperty(key)) {
newObj[key] = typeof obj[key] === "object" ? deepClone(obj[key]) : obj[key];
}
}
return newObj;
}
```
其中,`typeof obj !== "object" || obj === null` 用于判断当前属性是否为基本数据类型;`Array.isArray(obj) ? [] : {}` 判断当前属性是否为数组类型,如果是,则创建一个新的空数组;否则,创建一个新的空对象。在遍历属性时,`obj.hasOwnProperty(key)` 用于判断是否为自身属性,避免复制原型链上的属性。
js中使用递归函数实现深拷贝
### 回答1:
可以使用递归函数实现深拷贝,具体实现方法可以参考以下代码:
function deepClone(obj) {
if (typeof obj !== 'object' || obj === null) {
return obj;
}
let result = Array.isArray(obj) ? [] : {};
for (let key in obj) {
if (Object.prototype.hasOwnProperty.call(obj, key)) {
result[key] = deepClone(obj[key]);
}
}
return result;
}
这个函数可以递归地遍历对象或数组的每一个属性,然后进行深拷贝。
### 回答2:
在JavaScript中,可以通过递归函数来实现深拷贝。深拷贝意味着将一个对象的所有属性和子属性都复制到一个新的对象中,使得新的对象与原始对象完全独立,修改新对象不会影响原始对象。下面是一个使用递归函数实现深拷贝的示例:
```javascript
function deepCopy(obj) {
if (typeof obj !== 'object' || obj === null) {
return obj; // 如果是基本类型或者null,直接返回
}
let cloneObj = Array.isArray(obj) ? [] : {}; // 判断是数组还是对象
for (let key in obj) {
if (obj.hasOwnProperty(key)) { // 确保只拷贝对象自身的属性
cloneObj[key] = deepCopy(obj[key]); // 递归调用深拷贝函数
}
}
return cloneObj; // 返回新的拷贝对象
}
// 示例:
let obj1 = {
name: '张三',
age: 20,
hobbies: ['篮球', '足球', '游泳'],
address: {
city: '北京',
street: '朝阳路'
}
};
let obj2 = deepCopy(obj1);
obj2.name = '李四';
obj2.hobbies.push('乒乓球');
obj2.address.city = '上海';
console.log(obj1); // { name: '张三', age: 20, hobbies: ['篮球', '足球', '游泳'], address: { city: '北京', street: '朝阳路' } }
console.log(obj2); // { name: '李四', age: 20, hobbies: ['篮球', '足球', '游泳', '乒乓球'], address: { city: '上海', street: '朝阳路' } }
```
以上代码定义了一个名为`deepCopy`的函数,它接收一个参数`obj`,首先判断传入的对象类型,如果是基本类型或者null,则直接返回;如果是对象或者数组,创建一个新的空对象或者空数组,然后使用`for...in`循环遍历原始对象的属性,递归调用`deepCopy`函数来深拷贝每个属性值,最后返回新的拷贝对象。这样,我们就可以通过递归函数实现深拷贝了。
阅读全文
相关推荐














