如何在JavaScript中合并多个数组操作符？能否将两行数组处理代码合并为一行？

完全没问题，你可以把这两个操作链式调用起来，不过这里有个小细节：操作的顺序会影响最终结果和性能，我给你两种方案参考：

方案1：和原逻辑顺序一致（先去重，再过滤） #

把第一行去重后的结果直接接着调用filter方法，不用中间赋值，完美复刻你原来的执行顺序：

this.markers = [...new Map(this.markers.map(address => [Number(address.latitude), address])).values()].filter(marker => marker.hasOwnProperty('pointId'));

方案2：先过滤再去重（更推荐，性能更好） #

如果先过滤掉没有pointId的元素，再对剩下的元素去重，处理的元素量会更少，性能更优，而且结果也更精准（避免去重那些本来就会被过滤掉的无效元素）：

this.markers = [...new Map(this.markers.filter(marker => marker.hasOwnProperty('pointId')).map(address => [Number(address.latitude), address])).values()];

小提醒 #

两种顺序有细微区别：假设原数组里有两个纬度相同的元素，其中一个没有pointId——方案1会先保留最后出现的那个纬度对应的元素（Map的键会被后面的覆盖），再判断它有没有pointId；而方案2会先把没有pointId的元素筛掉，只对符合条件的元素去重，结果更贴合你的最终需求。

内容的提问来源于stack exchange，提问作者jesox1