js两个对象赋值，只把相同key的值赋到另一个对象

最新推荐文章于 2023-12-02 10:35:34 发布

原创最新推荐文章于 2023-12-02 10:35:34 发布 · 5.5k 阅读

16 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #开发语言 #ecmascript

收录于

本文介绍了JavaScript中如何通过Object.assign()和点运算符实现对象的浅拷贝，并展示了在字段不完全相同时如何更新对象。重点讲解了对象的合并技巧，适用于前端开发和数据处理场景。

let obj1 = {
   a: 1,
   b: 2,
   c: 3
 }
 let obj2 = {
   a: 0,
   b: 0,
   c: 0
 }
 // 两个对象的字段完全相同时采用下面两种方式
 obj2 = Object.assign(obj1)
 obj2 = obj1

let obj3 = {
   a: 1,
   b: 2,
   c: 3,
   d: 4
 }
 let obj4 = {
   a: 0,
   b: 0,
   c: 0
 }

 // 两个对象的字段不完全相同时
 Object.keys(obj3).forEach(key => {
   obj3[key] = obj4[key] == undefined ? obj3[key] : obj4[key]
 })

 // 输出结果
 obj3 = {
   a: 0,
   b: 0,
   c: 0,
   d: 4
 }