1.将对象序列化再解析回来,对象中如果有函数function则不能正确复制
var obj = {a:1,b:2}
var newObj = JSON.parse(JSON.stringify(obj));
newObj.a=3;
console.log(obj);
console.log(newObj);
2.把原来对象的属性遍历一遍,赋给一个新的对象。
//深复制对象方法
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
3.针对数组对象的方法,用数组方法concat一个空数组
var a=[1,2,3];
var b=a;
var c=[].concat(a);
a.push(4);
console.log(b);
console.log(c);
3-2.需要复制数组时,可以使用slice,jsPerf的相关文章
<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 的数组复制
var arr=[1,2,3];
var arr2=[...arr];
console.log(arr2);//[1,2,3];
4 关于一个DOM 节点的复制
Node.cloneNode(true); // 默认为false(克隆节点), true(克隆节点及其属性,以及后代)
网友评论