js如何复制一个对象？

分手后的思念是犯贱 2023-02-13 08:10 8阅读 0赞

#### 方法一： ####

把原来对象的属性遍历一遍，赋给一个新的对象。

//深复制对象方法  
    var cloneObj = function (obj) {
        var newObj = {};
        if (obj instanceof Array) {
            newObj = [];
        }
        for (var key in obj) {
            var val = obj[key];
            //newObj[key] = typeof val === 'object' ? arguments.callee(val) : val; //arguments.callee 在哪一个函数中运行，它就代表哪个函数, 一般用在匿名函数中。
            newObj[key] = typeof val === 'object' ? cloneObj(val): val;
        }
        return newObj;
    };
    //测试  
    var obj = {a:function(){console.log(this.b.c)},b:{c:1}},//设置一个对象
    newObj = cloneObj(obj);//复制对象
    newObj.b.c=2;//给新对象赋新值
    obj.a();//1，不受影响
    newObj.a();//2

#### 方法二： ####

将对象序列化再解析回来，对象中如果有函数function则不能正确复制

var obj = {a:1,b:2}
    var newObj = JSON.parse(JSON.stringify(obj));
    newObj.a=3;
    console.log(obj);
    console.log(newObj);

#### 方法三： ####

针对数组对象的方法，用数组方法concat一个空数组

var a=[1,2,3];
    var b=a;
    var c=[].concat(a);
    a.push(4);
    console.log(b);
    console.log(c);

#### 方法四： ####

扩展运算符实现对象的深拷贝

var obj = {
      name: 'FungLeo',
      sex: 'man',
      old: '18'
    }
    var { ...obj2 } = obj
    obj.old = '22'
    console.log(obj)
    console.log(obj2)

#### 方法五： ####

ES6扩展运算符实现数组的深拷贝

var arr = [1,2,3,4,5]
    var [ ...arr2 ] = arr
    arr[2] = 5
    console.log(arr)
    console.log(arr2)

参考:  
[https://blog.csdn.net/liyujia6636/article/details/52198128][https_blog.csdn.net_liyujia6636_article_details_52198128]  
[https://www.cnblogs.com/hjbky/p/9068258.html][https_www.cnblogs.com_hjbky_p_9068258.html]

[https_blog.csdn.net_liyujia6636_article_details_52198128]: https://blog.csdn.net/liyujia6636/article/details/52198128
[https_www.cnblogs.com_hjbky_p_9068258.html]: https://www.cnblogs.com/hjbky/p/9068258.html