JavaScript实现深拷贝与浅拷贝

╰半夏微凉° 2022-06-12 07:14 157阅读 0赞

深拷贝的两种实现：

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深拷贝和浅拷贝][js]

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

[理解JAVASCRIPT 中hasOwnProperty()的作用][JAVASCRIPT _hasOwnProperty]

[js]: http://www.cnblogs.com/yichengbo/archive/2014/07/10/3835882.html
[Array]: http://www.jb51.net/article/41413.htm
[JAVASCRIPT _hasOwnProperty]: http://blog.csdn.net/tenfyguo/article/details/6171666

发表评论取消回复

表情：

评论列表（有 0 条评论，157人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript深拷贝与浅拷贝

浅拷贝定义浅拷贝只复制指向某个对象的指针，而不复制对象本身，新旧对象还是共享同一块内存。基本类型拷贝的是值，而引用类型拷贝的是地址,且只能拷贝一层对象，假如存在

客官°小女子只卖身不卖艺/ 2023年01月06日 11:42/ 0 赞/ 75 阅读

相关浅拷贝与深拷贝代码(javascript)

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

忘是亡心i/ 2022年12月11日 12:25/ 0 赞/ 121 阅读

相关浅谈 javascript 深拷贝与浅拷贝

转自：[http://www.pinlue.com/article/2020/08/2603/5711149415225.html][http_www.pinlue.com_a

傷城~/ 2022年12月06日 01:08/ 0 赞/ 165 阅读

相关 javascript 深拷贝与浅拷贝

javascript 深拷贝与浅拷贝深拷贝与浅拷贝赋值和深/浅拷贝的区别浅拷贝的实现方式 1.Object.assign(

我不是女神ヾ/ 2022年11月30日 12:56/ 0 赞/ 134 阅读

相关 JavaScript实现深拷贝与浅拷贝

深拷贝的两种实现： 1、递归深拷贝这个函数中，申请了一块新的内存，将数组的值复制过去。 function deepCopy(source) {

╰半夏微凉°/ 2022年06月12日 07:14/ 0 赞/ 158 阅读

相关 javaScript浅拷贝、深拷贝

数据类型 js的数据类型有两种： 1.基本数据类型：数值、字符串、布尔、null、undefined （值类型）存放在栈中，所以复制基本数据类型的值是会新开一个栈

本是古典何须时尚/ 2022年03月07日 13:41/ 0 赞/ 222 阅读

相关深拷贝与浅拷贝

理解一波概念: 浅拷贝: 除了引用指向的对象(在堆上,而引用是在栈上)不被拷贝,其余都被拷贝深拷贝:引用所指向的堆上对象也会被拷贝一份 ![在这里插入图片描述][w

╰半夏微凉°/ 2022年02月26日 09:20/ 0 赞/ 220 阅读

相关 JavaScript中深拷贝与浅拷贝

看一道题： let a = { age: 1 } let b = a a.age = 2 console.log(b.age)

心已赠人/ 2022年02月23日 08:16/ 0 赞/ 188 阅读

相关 javascript实现深拷贝与浅拷贝

一、浅拷贝 //定义浅拷贝函数 function copy(obj){ var result = { }; for(var

超、凢脫俗/ 2022年01月28日 16:55/ 0 赞/ 180 阅读

相关【JavaScript】深拷贝与浅拷贝

如何区分深拷贝与浅拷贝？假设B复制了A，当修改A时，如果B也跟着改了，这就是浅拷贝，否则就是深拷贝。 ![在这里插入图片描述][2019071714264965.p

超、凢脫俗/ 2021年12月05日 19:17/ 0 赞/ 253 阅读