js合并两个对象数组（JavaScript 对象合并）

JavaScript 中有多种方法可以合并对象    
    
    
    。

1    
    
    
    、使用 Object.assign() 方法：

它可以将一个或多个对象的属性复制到目标对象中     


     


     


     


。例如：

const obj1 = { a: 1, b: 2 }; const obj2 = { b: 3, c: 4 }; const obj3 = Object.assign({}, obj1, obj2); console.log(obj3); // { a: 1, b: 3, c: 4 }

这里我们使用空对象({})作为第一个参数    
    
    
    
，避免直接修改第一个对象




 




 




 




。

2     


     


     


     


、使用解构赋值语法：

这种方法会在合并对象时保留键值相同的对象的属性


     


     


     


    ，例如：

const obj1 = { a: 1, b: 2 }; const obj2 = { b: 3, c: 4 }; const obj3 = { ...obj1, ...obj2 }; console.log(obj3); // { a: 1, b: 3, c: 4 }

这里使用了扩展运算符
 




 




 




 


，可以将一个对象的属性解构到另一个对象中
   

   

   

   。

3




 




 




 




、使用 Lodash 中的 merge() 方法：

const obj1 = { a: 1, b: 2 }; const obj2 = { b: 3, c: 4 }; const obj3 = _.merge(obj1, obj2); console.log(obj3); // { a: 1, b: 3, c: 4 }

 4
   

   

   

   、for-in 循环 + 手动赋值：

const obj1 = { a: 1, b: 2 }; const obj2 = { b: 3, c: 4 }; const obj3 = {}; for (const key in obj1) { obj3[key] = obj1[key]; } for (const key in obj2) { obj3[key] = obj2[key]; } console.log(obj3); // { a: 1, b: 3, c: 4 }

 5     

     

     

     

、使用 Object.keys() 和 Array.forEach() 方法：

const obj1 = { a: 1, b: 2 }; const obj2 = { b: 3, c: 4 }; const obj3 = {}; Object.keys(obj1).forEach(key => { obj3[key] = obj1[key]; }); Object.keys(obj2).forEach(key => { obj3[key] = obj2[key]; }); console.log(obj3); // { a: 1, b: 3, c: 4 }

最后需要提醒的是   

   

   

   

，在合并对象时如果键值相同的对象属性类型不同 

     

     

     

   ，例如一个为字符串类型

  




  




  




  

，一个为数值类型  


  


  


  


，会覆盖之前的属性  
     
     
     
  ，因此需要根据项目需求做出相应的处理     

     

     

     

。

此外


   




   




   




   
，如果需要对合并对象的属性进行特殊处理 



 



 



 



，例如合并对象的属性值是一个数组                   ，需要合并成一个新数组



    




    




    




    ，可以使用 Array.concat() 方法 




  




  




  




。

const obj1 = { a: [1, 2] }; const obj2 = { a: [3, 4] }; const obj3 = Object.assign({}, obj1, { a: obj1.a.concat(obj2.a) }); console.log(obj3); // { a: [1, 2, 3, 4] }

 或者使用扩展运算符

const obj1 = { a: [1, 2] }; const obj2 = { a: [3, 4] }; const obj3 = {...obj1, a: [...obj1.a, ...obj2.a]} console.log(obj3); // { a: [1, 2, 3, 4] }

 此外



















，如果需要对合并对象的属性值进行进一步的处理                   ，如去重 




  




  




  




、排序等



     



     



     



     ，可以使用 Array.filter()

  


  


  


  、Array.sort() 等方法

  


  


  


  。