JS中深度复制和浅复制有何不同-js教程-PHP中文网

JS中深度复制和浅复制有何不同

WBOY

发布： 2024-02-18 10:26:06

原创

476人浏览过

js中深拷贝和浅拷贝的区别是什么

JS中深拷贝和浅拷贝的区别是什么，需要具体代码示例

在JavaScript中，对象的拷贝分为浅拷贝和深拷贝两种方式。浅拷贝仅仅复制对象的引用地址，而深拷贝则是创建一个完全独立的副本。

浅拷贝是将原对象的引用地址复制给新对象，它们指向同一块内存空间。当修改其中任意一个对象的属性时，另一个对象的相应属性也会被修改。这是因为它们共享相同的内存地址。

深拷贝是创建一个全新的对象，并将原对象中的所有属性逐一复制到新对象中，新对象和原对象互不影响。即使修改其中一个对象的属性，另一个对象的属性也不会受到影响。

下面，我将通过具体的代码示例来说明浅拷贝和深拷贝的区别。

首先，我们来看一个浅拷贝的示例：

Modoer多功能点评系统2.5 精华版 Build 20110710 GBK

Modoer 是一款以本地分享，多功能的点评网站管理系统。采用 PHP+MYSQL 开发设计，开放全部源代码。因具有非凡的访问速度和卓越的负载能力而深受国内外朋友的喜爱，不局限于商铺类点评，真正实现了多类型的点评，可以让您的网站点评任何事与物，同时增加产品模块，也更好的网站产品在网站上展示。Modoer点评系统 2.5 Build 20110710更新列表1.同步旗舰版系统框架2.增加限制图片

查看详情

let obj1 = {name: "Alice", age: 20};
let obj2 = obj1;

obj1.age = 21; 

console.log(obj1); // {name: "Alice", age: 21}
console.log(obj2); // {name: "Alice", age: 21}

登录后复制

在上述代码中，我们通过将obj1赋值给obj2实现了一个浅拷贝。当修改obj1的age属性时，obj2的age属性也被修改了，这是因为它们指向同一块内存地址。

接下来，我们来看一个深拷贝的示例：

function deepClone(obj) {
    if (obj === null || typeof obj !== 'object') {
        return obj;
    }
    
    let clone = Array.isArray(obj) ? [] : {};
    
    for (let key in obj) {
        if (obj.hasOwnProperty(key)) {
            clone[key] = deepClone(obj[key]);
        }
    }
    
    return clone;
}

let obj1 = {name: "Alice", age: 20};
let obj2 = deepClone(obj1);

obj1.age = 21;

console.log(obj1); // {name: "Alice", age: 21}
console.log(obj2); // {name: "Alice", age: 20}

登录后复制

在上述代码中，我们定义了一个deepClone函数，用于实现深拷贝。该函数首先判断传入的参数是否为null或不是对象类型，如果是则直接返回，否则创建一个与传入对象类型相同的空对象clone。然后通过遍历原对象的属性，递归调用deepClone函数对每个属性进行深拷贝，并赋值给相应的clone属性。最后返回新对象clone。

通过使用deepClone函数，我们实现了对obj1的深拷贝。即使修改了obj1的age属性，但obj2的age属性依然保持不变，这是因为它们是两个完全独立的对象。

综上所述，浅拷贝仅仅复制对象的引用地址，而深拷贝是创建一个完全独立的副本。深拷贝能够保证在修改副本对象时不影响原对象，适用于有嵌套结构的对象拷贝。需要注意的是，在实际开发中，深拷贝可能会导致性能开销较大，因此需要根据实际情况选择合适的拷贝方式。

以上就是JS中深度复制和浅复制有何不同的详细内容，更多请关注php中文网其它相关文章！