两种方式实现浅拷贝 for in实现和Object.assign({}, 对象1, 对象2);
浅拷贝只拷贝对象的一层,如果对象的属性还是对象,那么user3和user4这两个对象对应的值都会发生改变
// 拷贝分为浅拷贝和深拷贝。 // 浅拷贝的实现 通过for in实现 var user1 = { name: "小明", age: 30, height: 1.9 }; var user2 = {}; for (var i in user1) { user2[i] = user1[i]; //user[i]输出的是每一个值,将user1的每一个值赋予给user2对象 } console.log(user2) //{name: "小明", age: 30, height: 1.9} // 浅拷贝 通过Object.assign({}, 对象1, 对象2); // 这一种浅拷贝方式类似于jquery的$.extend({}, 对象1, 对象2) var obj1 = { name: "小明", age: 13 }; var obj2 = { name: "大王", tel: 18456888 }; var obj = Object.assign({}, obj1, obj2); console.log(obj) //{name: "大王", age: 13, tel: 18456888} // 我们发现这一种方式,相同的key值后一个会覆盖前一个的key值, //浅拷贝只拷贝对象的一层,如果对象的属性还是对象,那么user3和user4这两个对象对应的值都会发生改变 var user3={name:"小明",age:18, deMent:{bumen:"市场部",no:"001"}} var user4={}; for(var i in user3){ user4[i]=user3[i]; } user4.age=80; //这个值 不会互相影响改变 user4.deMent.bumen="策划部"; //这个值 会互相影响改变 console.log(user3); //输出 {name: "小明", age: 18,deMent:{bumen: "策划部", no: "001"} } console.log(user4); //{name: "小明", age: 80,deMent: {bumen: "策划部", no: "001"}}
遇见问题,这是你成长的机会,如果你能够解决,这就是收获。
作者:晚来南风晚相识
出处:https://www.cnblogs.com/IwishIcould/
本文版权归作者所有,欢迎转载,未经作者同意须保留此段声明,在文章页面明显位置给出原文连接
如果文中有什么错误,欢迎指出。以免更多的人被误导。
出处:https://www.cnblogs.com/IwishIcould/
想问问题,打赏了卑微的博主,求求你备注一下的扣扣或者微信;这样我好联系你;(っ•̀ω•́)っ✎⁾⁾!
如果觉得这篇文章对你有小小的帮助的话,记得在右下角点个“推荐”哦,或者关注博主,在此感谢!
万水千山总是情,打赏5毛买辣条行不行,所以如果你心情还比较高兴,也是可以扫码打赏博主(っ•̀ω•́)っ✎⁾⁾!
想问问题,打赏了卑微的博主,求求你备注一下的扣扣或者微信;这样我好联系你;(っ•̀ω•́)っ✎⁾⁾!
支付宝
微信
如果文中有什么错误,欢迎指出。以免更多的人被误导。