js如何实现对象合并

百变鹏仔

已于 2024-01-23 22:01:40 修改

阅读量1.1k

点赞数 12

文章标签： javascript 开发语言 ecmascript

于 2024-01-23 11:08:56 首次发布

本文链接：https://blog.csdn.net/tp1996/article/details/135766789

版权

本文介绍了在JavaScript中使用扩展运算符(...),Object.assign()函数以及循环方式实现对象合并，强调了同名属性的覆盖规则。

摘要由CSDN通过智能技术生成

在 JavaScript 中，你可以使用以下几种方法来实现对象合并：

使用扩展运算符（...）：这是JavaScript中的新特性，可以方便地将一个对象的属性合并到另一个对象上。

   const obj1 = { color: 'red' };
   const obj2 = { size: 'large' };

   const mergedObj = { ...obj1, ...obj2 };

   console.log(mergedObj);

扩展运算符会将 obj1 和 obj2 的属性合并到 mergedObj 中。如果有同名的属性，后面的属性会覆盖前面的属性。

使用 Object.assign() 方法：这个方法可以将一个或多个对象的属性合并到一个目标对象上。

   const obj1 = { color: 'red' };
   const obj2 = { size: 'large' };

   const mergedObj = Object.assign({}, obj1, obj2);

   console.log(mergedObj);

Object.assign() 方法会将 obj1 和 obj2 的属性合并到 mergedObj 中。同样，如果有同名的属性，后面的属性会覆盖前面的属性。

使用循环：如果你需要合并的对象比较复杂，或者需要进行一些自定义的处理，可以使用循环来逐个合并属性。

   const obj1 = { color: 'red' };
   const obj2 = { size: 'large' };

   const mergedObj = {};

   // 遍历 obj1 和 obj2 的属性
   for (const key in obj1) {
     if (obj1.hasOwnProperty(key)) {
       mergedObj[key] = obj1[key];
     }
   }
   for (const key in obj2) {
     if (obj2.hasOwnProperty(key)) {
       mergedObj[key] = obj2[key];
     }
   }

   console.log(mergedObj);

这种方法需要自己遍历两个对象的属性，并将它们逐个合并到 mergedObj 中。

鹏仔前端 https://www.pjxi.com/