javascript - 数组与 Array.prototype.reduce 的交集(集合论)

Question

我有两个数组 [a,b,c,d] 和 [b,d,f,h]。

我想返回一个包含公共(public)元素 [b,d] 的数组。

我可以结合使用 filter 和 indexOf 来实现:

[a,b,c,d].filter(el => [b,d,f,h].indexOf(el) !== -1)

但我想知道我是否以及如何使用 reduce 做同样的事情。

我承认，尽管看了很多例子，reduce 对我来说仍然是最晦涩的 JS 方法之一，所以我真的很感激一些建议。

Answer 1

ES6，与 Array#includes 的提案

The includes() method determines whether an array includes a certain element, returning true or false as appropriate.

在 aa 的每个循环中，如果在测试数组 bb 中找到该值，则 reduce 将该元素添加到结果数组。如果没有找到，则返回之前的结果。

var aa = ['a','b','c','d'],
    bb = ['b','d','f','h'],
    cc = aa.reduce((r, a) => bb.includes(a) && r.concat(a) || r, []);

console.log(cc);

使用包含所有数组的单个数组只是一种更聪明的方法。

var aa = ['a','b','c','d'],
    bb = ['b','d','f','h'],
    result = [aa, bb].reduce((a, b) => a.filter(c => b.includes(c)));

console.log(result);