js中两个数组根据相同的一个字段合并成新数组

开发项目的时候发现前台需要的数据格式有好几种，想自己在前台处理一下。于是就想从这样

 变成这样

就是根据两个数组一样的字段值统一合并为一个数组，已开始使用的map循环数组，循坏是发现如果不满足条件会有个undefind的值进行占位，

后来发现用filter就没有这个问题

 下面来看一下这两个函数的区别：

map

数据格式是这样的：

array.map(function(currentValue,index,arr), thisValue)

map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。

map() 方法按照原始数组元素顺序依次处理元素。

注意： map() 不会对空数组进行检测。

注意： map() 不会改变原始数组。

filter

数据格式：

array.filter(function(currentValue,index,arr), thisValue)

ilter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。

注意： filter() 不会对空数组进行检测。

注意： filter() 不会改变原始数组。