js对象深复制/深拷贝功能函数封装

Boriska1996

关注

原创最新推荐文章于 2026-04-02 02:08:17 发布 379 阅读 AI 写同款· GEO 优化 ›

【JS专栏】JS对象的浅拷贝与深拷贝 浅拷贝自己创建一个新的对象，来接受你要重新复制或引用的对象值。如果对象属性是基本的数据类型，复制的就是基本类型的值给新对象；但如果属性是引用数据类型，复制的就是内存中的地址，如果其中一个对象改变了这个内存中的地址，肯定会影响到另一个对象。 1. object.assign object.assign 是 ES6 中 object 的一个方法，该方法可以用于JS 对象的合并等多个用途，其中一个用途就是可以进行浅拷贝。该方法的第一个参数是拷贝的目标对象，后面的参数是拷贝的来源对象（也可以是多个来源）。阅读详情

js对象深复制封装(深拷贝)

深复制，及源对象的属性如果有对象，该对象属性修改后，不会引起复制后的对象各属性的改变，

源对象的任何属性及子属性与新对象的直接没有任何引用关系。

一下例举几种浅复制常见方法：

        for(var prop in obj){
             // 浅复制
         }

         Object.assign();//浅复制

         var obj1={...obj};//浅复制 如果原obj1就存在，还会改变原obj1的引用地址

         var obj1=JSON.parse(JSON.stringify(obj));

直接上代码（深复制）：

原理无非用obj.hasOwnProperty(key)来判断属性，再利用递归往复判断已达到对象深复制。

   function cloneObject(sourceObj, targetObj) {
            // targetObj=targetObj || {};
            if (!targetObj) {
                // sourceObj.constructor就是 sourceObj的类型
                // sourceObj是数组  sourceObj.constructor->Array   new Array();
                targetObj=new sourceObj.constructor();
                switch (sourceObj.constructor) {
                    case RegExp:
                        //复制正则
                        targetObj=new RegExp(sourceObj.source,sourceObj.flags);
                        break;
                    case Date:
                        //复制日期
                        targetObj=new Date(sourceObj);
                        break;
                        //.......
                }
            }

            
            var names = Object.getOwnPropertyNames(sourceObj);
            for (var i = 0; i < names.length; i++) {
                // console.log(names[i],sourceObj[names[i]]);
                // console.log(typeof sourceObj[names[i]]);
                var desc = Object.getOwnPropertyDescriptor(sourceObj, names[i]);
                if (typeof desc.value === "object") {
                    var o = cloneObject(desc.value);
                    Object.defineProperty(targetObj, names[i], {
                        enumerable: desc.enumerable,
                        configurable: desc.configurable,
                        writable: desc.writable,
                        value: o
                    });
                } else if (typeof desc.value === "function") {
                    var fnStr = desc.value.toString().replace(/\n/g, "");
                    var arg = fnStr.match(/\((.*?)\)/)[1];
                    var content = fnStr.match(/{(.*)}/)[1];
                    var fn = new Function(arg, content);
                    Object.defineProperty(targetObj, names[i], {
                        enumerable: desc.enumerable,
                        configurable: desc.configurable,
                        writable: desc.writable,
                        value: fn
                    });
                } else {
                    Object.defineProperty(targetObj, names[i], desc);
                }
            }
            return targetObj;
        }