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

// 直接赋值
 
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]=obj[key]
}
 
console.log(obj2);  // { a: 1, b: { c: 2 }, 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}}


猜你喜欢

转载自blog.csdn.net/qq_37818095/article/details/80346949