JavaScript-深度克隆

﹏ヽ暗。殇╰゛Y 2022-05-27 03:21 204阅读 0赞

浅克隆:被复制对象的所有变量都含有与原来的对象相同的值，而所有的对其他对象的引用仍然指向原来的对象。

深度克隆:复制对象的所有变量都含有与原来的对象相同的值，除去那些引用其他对象的变量。那些引用其他对象的变量将指向被复制过的新对象，而不再是原有的那些被引用的对象,也就与原来对象没有任何关联了。

深度克隆的关键是对引用值的处理。

我们可以把深度克隆分成4个部分

1：遍历被克隆对象的所有属性和方法

2：进行判断是否为引用值

3：判断是数组还是对象

4：递归调用克隆函数

那我们来解决这个四个部分就好了。

1：遍历对象很简单，直接for in 循环就好了。

2：判断是否为引用值只需要判断是否为对象，直接调用typeof就好了，不是object那么就是原始值或者null

3:判断是数组还是对象，有几种方法。[点击打开链接][Link 1]

4：继续调用克隆函数就好了。

代码如下:

var deepclone=(function () {
                var str='[obejct Array]';
                return function(target,origin) {
                    target=target||{};//防止传的不是对象，就换成对象。
                    for (var key in origin) {
                        if (origin.hasOwnProperty(key)) {//不需要复制原型上面的
                            if (origin[key]!==null&&typeof(origin[key])==='object') {
                                if (Object.prototype.toString.call(origin[key])===str) {//是数组
                                    target[key]=[];
                                }
                                else {
                                    target[key]={};
                                }
                                deepclone(target[key],origin[key]);//递归调用
                            }
                            else target[key]=origin[key];
                        }
                    }
                }
            }());

检验代码:

var obj={
                name:'cyl',
                age:19,
                sex:'male',
                classmate: ['dpc','wdf','rj'],
                Teacher: {
                    name:'lsx',
                    age:'50',
                    sex:'male'
                }
            }
            var deepclone=(function () {
                var str='[obejct Array]';
                return function(target,origin) {
                    target=target||{};
                    for (var key in origin) {
                        if (origin.hasOwnProperty(key)) {
                            if (origin[key]!==null&&typeof(origin[key])==='object') {
                                if (Object.prototype.toString.call(origin[key])===str) {
                                    target[key]=[];
                                }
                                else {
                                    target[key]={};
                                }
                                deepclone(target[key],origin[key]);
                            }
                            else target[key]=origin[key];
                        }
                    }
                }
            }());
            var son={};
            deepclone(son,obj);

运行结果：

![70][]我们发现改变son对obj没有任何影响，深度克隆成功了。

[Link 1]: https://blog.csdn.net/wust_cyl/article/details/79887026
[70]: /images/20220527/d41493f7e86d45e78cc7f466c6fdfac9.png

发表评论取消回复

表情：

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

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

相关阅读

相关深度克隆对象

问：我想做类似的事情： MyObject myObj = GetMyObj(); // Create and fill a new object My

亦凉/ 2024年03月30日 13:58/ 0 赞/ 67 阅读

相关 JS —— 深度克隆

　　　　　// 深度克隆 // 将obj的属性克隆到obj1上面。 // 在obj1上面添加属性不影响obj上面的属性

比眉伴天荒/ 2023年06月03日 03:00/ 0 赞/ 16 阅读

相关 JavaScript初学学习笔记6：JavaScript之克隆（浅层克隆，深度克隆）

浅层克隆要将对象 obj 克隆给对象 obj1 //浅层克隆实现 var obj = { name: 'abc',

爱被打了一巴掌/ 2022年11月24日 14:21/ 0 赞/ 154 阅读

相关 java 反射深度克隆_反射实现java深度克隆

一、克隆有时想得到对象的一个复制品，该复制品的实体是原对象实体的克隆。复制品实体的变化不会引起原对象实体发生变化，这样的复制品称为原对象实体的克隆对象或简称克隆。 1、浅

r囧r小猫/ 2022年11月03日 00:50/ 0 赞/ 196 阅读

相关深度克隆

1.遍历对象 for(var prop in obj) 2.判断是不是原始值 typeof() 3.判断是数组还是对象 instanceof toString cons

野性酷女/ 2022年06月03日 06:30/ 0 赞/ 228 阅读

相关 JavaScript-深度克隆

浅克隆:被复制对象的所有变量都含有与原来的对象相同的值，而所有的对其他对象的引用仍然指向原来的对象。深度克隆:复制对象的所有变量都含有与原来的对象相同的值，除去那些引用其他

﹏ヽ暗。殇╰゛Y/ 2022年05月27日 03:21/ 0 赞/ 205 阅读

相关 JavaScript之深度克隆（deepClone）

var obj = \{ name : 'abc', age : 18,

男娘i/ 2022年03月12日 08:41/ 0 赞/ 246 阅读

相关 es6 ...克隆与函数深度克隆

es6的...运算, 可以进行一层的深度克隆; 在多层的情况下,不要用这种啊. 用深度克隆函数,或者JSON.parse(JSON.stringify(obj)),但json

爱被打了一巴掌/ 2021年12月15日 03:05/ 0 赞/ 270 阅读

相关 JavaScript的对象深度克隆

Object.prototype.clone = function() { var newObj = {}; for(var i in this

素颜马尾好姑娘i/ 2021年09月22日 03:20/ 0 赞/ 367 阅读

相关 javascript中对象的深度克隆

想直接复制深度克隆代码的请直接复制： function clone(obj){ var buf; if(obj instanceof Array)

太过爱你忘了你带给我的痛/ 2021年09月17日 08:44/ 0 赞/ 365 阅读