js如何实现对象合并

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

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

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

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

   console.log(mergedObj); 

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

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

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

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

   console.log(mergedObj); 

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

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

   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/