js 实现简易版深拷贝

柔情只为你懂 2022-02-19 14:25 289阅读 0赞

可以兼容对象和数组类型数据的深拷贝

function copy(ladel){ 
                var obj = { }
                for(var i in ladel){ 
                    if(typeof ladel[i] == "object"){ 
                        obj[i] = copy(ladel[i])//递归
                    }else{ 
                        obj[i] = ladel[i]
                    }
                }
                return obj
            }
            //测试一下
            var objects = { 
                name : "obj",
                obj : { 
                    key : 1,
                    value : 6 
                },
                arr :[
                    0,{ number:10}
                ]
            }
            var value = copy(objects)
            objects.name = "arr"
            objects.obj.key = 2
            objects.arr[1].number = 6
            console.log(value)

![obj][]  
使用JSON 实现深拷贝

var objects = { 
                name : "obj",
                obj : { 
                    key : 1,
                    value : 6 
                },
                arr :[
                    0,{ number:10}
                ]
            }
            var value = JSON.parse(JSON.stringify(objects))

不过在使用JSON 进行深拷贝时会过滤掉undefined的数据，必要时还是要自己写一个

[obj]: /images/20220219/a7bd94cb89ac4c439341dcf473173b66.png

发表评论取消回复

表情：

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

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

相关阅读

相关 js递归实现深拷贝

function deepCopy(obj,newObj) { for(var key in obj){ i

阳光穿透心脏的1/2处/ 2023年07月13日 04:15/ 0 赞/ 11 阅读

相关 JS实现深拷贝

[JS实现深拷贝][JS] 一、赋值、浅拷贝与深拷贝的区别 ![format_png][] 二、深拷贝的方法 1.JSON转换 var

桃扇骨/ 2023年06月16日 08:08/ 0 赞/ 70 阅读

相关 JS深拷贝

一、简单介绍 JS中，数据类型分为基本数据类型和引用数据类型。基本数据类型的值是存储在栈内存中的；而引用数据类型的值是存储在堆内存中的，栈中只存储对象在堆中的内存地址

电玩女神/ 2023年02月21日 11:57/ 0 赞/ 23 阅读

相关 js深拷贝的实现

deepClone(obj){ var target = { }; //目标数组 for(var key in o

╰+哭是因爲堅強的太久メ/ 2023年02月10日 15:29/ 0 赞/ 180 阅读

相关前端---JS深拷贝

<html> <head> </head> <body> </body> </html>

清疚/ 2022年12月06日 15:16/ 0 赞/ 185 阅读

相关 js 深拷贝函数

// 定义一个深拷贝函数接收目标target参数 function deepClone(target) { // 定义一个变量

淡淡的烟草味﹌/ 2022年09月08日 04:58/ 0 赞/ 208 阅读

相关 js 实现简易版深拷贝

可以兼容对象和数组类型数据的深拷贝 function copy(ladel){ var obj = { }

柔情只为你懂/ 2022年02月19日 14:25/ 0 赞/ 290 阅读

相关 js实现数组浅拷贝和深拷贝

如何区分深拷贝与浅拷贝，简单点来说，就是假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明这是浅拷贝，拿人手短，如果B没变，那就是深拷贝，自食其力。此篇

你的名字/ 2021年10月24日 02:18/ 0 赞/ 413 阅读

相关 js深拷贝与浅拷贝解析与实现

在js的语法中，像Number，String，Boolean这样的基本类型，它们的传值方式是按值传递的，而想对象\{a: 10, b: 20\}，它们的传值是引用传值的对

太过爱你忘了你带给我的痛/ 2021年09月19日 13:28/ 0 赞/ 308 阅读

相关 js深拷贝浅拷贝

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

朱雀/ 2021年08月31日 14:35/ 0 赞/ 509 阅读