第 49 题:如何实现一个对象深拷贝?

本文探讨了在JavaScript中如何实现对象的深拷贝,包括利用JSON类和递归方式的优缺点。使用JSON类进行拷贝可能存在属性丢失问题,而递归方式虽然稳定但可能导致性能下降。文章还提到了前端面试相关知识点,并推荐了大数据可视化工具和THREE.JS的3D建模资源。
摘要由CSDN通过智能技术生成

假设我们要复制一个对象,如果不对其进行深拷贝,那么改变其中一个对象后,另外一个对象也会跟着改变

正常情况场景

let a = {
    age: 20
};

let b = a;

b.age = 30;

console.log(a.age); // 30

这并不是我们想要的效果,所以想要复制一个全新的对象时,就要进行深拷贝

利用 JSON 类

就是将一个对象转为 JSON 字符串,在转回 JSON 对象

let a = {
    age: 20
};

let b = JSON.parse(JSON.stringify(a));

b.age = 30;

console.log(a.age); // 20

优点:优点是方便快捷,性能相对比较好

缺点:但是复杂的对象进行 JSON 转换有可能会丢失属性,如下代码

let a = {
    age: 20,
    local: function() {
        return 5;
    }
};

let b = JSON.parse(JSON.stringify(a));

console.log(b); // { age : 20 }
console.log(b.local()); //  b.loacl is not a function

利用递归的方式

dfs-deep-copy.js

// 深度优先遍历
let dfs = data => {
    let newData;

    if (type(data) === '
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值