JavaScript深拷贝和浅拷贝

1、JavaScript的数据类型:基本数据类型、引用数据类型。

基本数据类型:保存在栈内存的简单数据段(undefined,boolean,number,string,null)。

引用数据类型:Array,对象,Function保存在堆内存中。

浅拷贝:只复制指向某个对象的指针,而不复制对象本身,新旧对象共享一块内存

深拷贝:复制并创建一个一摸一样的对象,不共享内存,修改新对象,旧对象保持不变

2 、递归的方法实现深拷贝

functiondeepclone(obj){

        let objClone = Array.isArray(obj) ? [] : {};

        if (obj && typeof obj === "object") {

            for (key in obj) {

                //if (obj.hasOwnProperty(key)) {  //也可以不加  

                        if (obj[key] && typeof obj[key] === "object") {

                            objClone[key] = deepclone(obj[key])

                        } else {

                            objClone[key] = obj[key]

                        }

                    //}           

             }

        }

        return objClone

    }

    var a = [1, 2, 3, 4];

    var b = deepclone(a);

    a[0] = 8    console.log(a, b);


Array.isArray(obj):ECMAScript 5.1 (ECMA-262)   考虑到的兼容性,可以用下面的方法实现较好的兼容

   if (!Array.isArray) {

      Array.isArray = function(arg) {

            return Object.prototype.toString.call(arg) === '[object Array]';

       };

    }

3、用JSON.stringify把对象转成字符串,再用JSON.parse把字符串转成新的对象

functiondeepclone(obj){

      var _obj = JSON.stringify(obj);

      var cloneObj = JSON.parse(_obj);

      return cloneObj

    }

    var a =[1,2,3,4];

    var b= deepclone(a);

    a[0]=8    console.log(a,b);

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容