JavaScript实现深拷贝与浅拷贝

来源:互联网 发布:如何开启3724端口 编辑:程序博客网 时间:2024/06/05 15:00

深拷贝的两种实现:

1、递归深拷贝

这个函数中,申请了一块新的内存,将数组的值复制过去。

function deepCopy(source) {    let result= null;    if(isArrayFn(source)){        result = [];    }else if(source instanceof Object){        result = {};    }else{        result = source;    }    for (let key in source) {        //防止key遍历source原型链中的属性        if(source.hasOwnProperty(key)){            result[key] = typeof source[key]==='object'? deepCopy(source[key]): source[key];        }    }    return result;};

2、借助JSON实现深拷贝

JSON.stringify()被调用后,会生产一个JSON对象出来,这个JSON对象在内存中是要占空间的。

所以,相当于在一片新的内存中写入了原有的数据,所以用JSON可以实现深拷贝。

function deepCopy2(source) {    if(typeof source === "object"){        return JSON.parse(JSON.stringify(source));    }}

参考文章:

js深拷贝和浅拷贝

判断一个变量是数组Array类型的方法

理解JAVASCRIPT 中hasOwnProperty()的作用

原创粉丝点击