站長資訊網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高級教程》
