js 合并两个数组对象

项目背景是合并a = [{name:'dede'},{name:'jenny'}],  b = [{age:18},{age:19}]  合并成[{name:'dede',age:18},{name:'jenny',age:19}],

思路是遍历其中一个数组，将这个数组中的属性值push到另一个数组中，，，遍历用了map 和 forEach的方法，截图如下：

 

 

这种情况一般是两个数组等长的情况（项目背景也是这样的），后续考虑封装一个函数，

简单封装来一个函数，

//a,b为数组，需要将b数组里面的属性合并到a里面 attrName 为要合并的属性名称
function merge(a,b,attrName){
let attr = attrName
b.map((value,index)=>{
//数组b 长度大于a的长度时，需要判断
if(a[index] !== undefined){
a[index][attr] = value[attr]
} else{
return
}
})
return a
}
var a = [{name:'dede'},{name:'jeen'}]
var b = [{age:'18'},{age:'19'},{age:'20'}]
var c = 'age'
merge(a,b,c)
console.log(a)

截图：

 

简单封装，业务需求的边界值情况等特殊情况没有考虑。