Javascript如何複製對象

Javascript複製物件的方法：1、把原來物件的屬性遍歷一遍，賦給一個新的物件；2、將物件變成字串，然後再變成json物件；3、concat一個空數組；4、透過擴展運算子實現物件的深拷貝；5、透過ES6擴展運算子實現數組的深拷貝。

本文操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

js如何複製一個物件？

方法一：

把原來物件的屬性遍歷一遍，賦給一個新的物件。

//深复制对象方法    
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

方法二：

1). 先將物件變成字串，然後再變成json對象，防止物件的指標指向問題，為深拷貝

2). undefined 和function 類型的屬性會被忽略，而Date 類型的屬性則會被轉換為字串

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] = 5console.log(arr)
console.log(arr2)

#推薦學習：《

javascript進階教程》

 

#

以上是Javascript如何複製對象的詳細內容。更多資訊請關注PHP中文網其他相關文章！