数组对象的复制

复制对象重新赋值不改变原对象

// 直接赋值
 
var obj1 = { a: 1 };
var obj2 = obj1;
 
console.log(obj2); // { a: 1 }
 
// 通过 Object.assign() 这个属性来进行复制
 
var obj = { a: 1 };
var obj2 = Object.assign({}, obj);
 
console.log(obj2); // { a: 1 }
 
// 通过 for in 循环赋值
 
var obj1={ a: 1, b: { c: 2 }, c: 0 }
var obj2={}
for( var key in obj1 ){
    obj2[key]=obj1[key]
}
 
console.log(obj2); // { a: 1, b: { c: 2 }, c: 0 }
obj1.a = 2
obj1.b.c = 4 console.log(obj2); // { a: 1, b: { c: 4 }, c: 0 } //字符串类型可修改 对象失败 // 使用 Object.assign() 方法复制对象 let obj1 = { a: 0 , b: { c: 0}}; let obj2 = Object.assign({}, obj1); console.log(JSON.stringify(obj2)); // { a: 0, b: { c: 0}} obj1.a = 1; console.log(JSON.stringify(obj1)); // { a: 1, b: { c: 0}} console.log(JSON.stringify(obj2)); // { a: 0, b: { c: 0}} obj2.a = 2; console.log(JSON.stringify(obj1)); // { a: 1, b: { c: 0}} console.log(JSON.stringify(obj2)); // { a: 2, b: { c: 0}} obj2.b.c = 3; console.log(JSON.stringify(obj1)); // { a: 1, b: { c: 3}} console.log(JSON.stringify(obj2)); // { a: 2, b: { c: 3}} //得知字符串类型可修改,对象失败,以上的方法可以封装成方法方便使用 function cloneObjectFn(obj) { return JSON.parse(JSON.stringify(obj)) } var obj1={a:1,b:{c:2}} var obj2=cloneBojectFn(obj2)//复制对象 obj2.b.c=3;//修改对象 console.log(obj1)//{a:1,b:{c:2}} console.log(obj2)//{a:1,b:{c:3}}
es6特性 obj2 = {...obj1}

复制数组重新赋值不改变原数组

js中那些方法不改变原来的数组对象

map concat slice forEach join

var a  = [1,2,3]

var b = [...a]

 

猜你喜欢

转载自www.cnblogs.com/guidan/p/9258639.html