首页 > 其他 > 详细

手写一个深拷贝(深克隆)

时间:2020-06-25 22:17:06      阅读:117      评论:0      收藏:0      [点我收藏+]

1. 首先使用JSON.parse来实现一个深拷贝

let test = {
    x : 1,
    y : 2,
    z : {
        a : 4,
        b : 5
    }
}
// 深拷贝
let result = JSON.parse(JSON.stringify(test));
// 改变拷贝后的值
result.z.a = 40;
console.log(test);
console.log(result);

 

2. 手写实现深拷贝

function deepClone(obj){
    let cloneObj;
    // 判断当输入的数据是简单数据类型时,直接复制
    if(obj && typeof obj !== ‘object‘){
        cloneObj = obj;
    }
    // 当输入的数据是对象或者数组时
    else if(obj && typeof obj === ‘object‘){
        // 检测输入的数据是数组还是对象
        cloneObj = Array.isArray(obj) ? [] : {};

        // 变量数据对象
        for(let key in obj){
            // 判断对象是否存在key属性
            if(obj.hasOwnProperty(key)){
                if(obj[key] && typeof obj[key] === ‘object‘){
                    // 若当前元素类型为对象时,递归调用
                    cloneObj[key] = deepClone(obj[key]);
                }
                // 若当前元素类型为基本数据类型
                else{
                    cloneObj[key] = obj[key];
                }
            }
        }
    }
    return cloneObj;
}

// 测试用例
deepClone({
  x: 1,
  y: [ 5, 6, 7 ],
  z: {
    a: 0,
    b: 1
  }
})

 


测试发现两种效果是一样的,深拷贝完成。

手写一个深拷贝(深克隆)

原文:https://www.cnblogs.com/XH-jing/p/13192995.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!