1.將對象序列化再解析回來捻撑,對象中如果有函數(shù)function則不能正確復(fù)制
var obj = {a:1,b:2}
var newObj = JSON.parse(JSON.stringify(obj));
newObj.a=3;
console.log(obj);
console.log(newObj);
2.把原來對象的屬性遍歷一遍,賦給一個新的對象诗宣。
//深復(fù)制對象方法
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 在哪一個函數(shù)中運(yùn)行掷豺,它就代表哪個函數(shù), 一般用在匿名函數(shù)中囱修。
newObj[key] = typeof val === 'object' ? cloneObj(val): val;
}
return newObj;
};
//測試
var obj = {a:function(){console.log(this.b.c)},b:{c:1}},//設(shè)置一個對象
newObj = cloneObj(obj);//復(fù)制對象
newObj.b.c=2;//給新對象賦新值
obj.a();//1赎瑰,不受影響
newObj.a();//2
3.針對數(shù)組對象的方法,用數(shù)組方法concat一個空數(shù)組
var a=[1,2,3];
var b=a;
var c=[].concat(a);
a.push(4);
console.log(b);
console.log(c);
3-2.需要復(fù)制數(shù)組時破镰,可以使用slice乡范,jsPerf的相關(guān)文章
<script type="text/javascript">
var arr1=[01,02,03,[6,6,6],{a:2,b:3},05,06,07];
var arr2=[];
arr2=arr1.slice();
console.log(arr2);//[1,2,3,4,5,6,7];
arr2.push(88);
console.log(arr1,arr2);
//arr1=[1,2,3,4,5,6,7];
//arr2=[1,2,3,4,5,6,7,88];
arr3=[...arr2];
arr3.push(090);
console.log(arr2,arr3);
</script>
3.3 ES6 的數(shù)組復(fù)制
var arr=[1,2,3];
var arr2=[...arr];
console.log(arr2);//[1,2,3];
4 關(guān)于一個DOM 節(jié)點(diǎn)的復(fù)制
Node.cloneNode(true); // 默認(rèn)為false(克隆節(jié)點(diǎn)), true(克隆節(jié)點(diǎn)及其屬性,以及后代)