如何在 Javascript 中跨多个数组查找数组中的匹配项？

跨不同数组查找数组中的匹配

考虑这样一个场景，您有多个带有字符串值的 JavaScript 数组，并且需要查找和仅提取每个数组中相同的匹配项。

假设您有以下数组：

var arr1 = ['apple', 'orange', 'banana', 'pear', 'fish', 'pancake', 'taco', 'pizza'];
var arr2 = ['taco', 'fish', 'apple', 'pizza'];
var arr3 = ['banana', 'pizza', 'fish', 'apple'];

您的目标是获得一个仅包含所有三个数组中出现的匹配项的数组数组，即：

['apple', 'fish', 'pizza']

此任务可以在不使用外部库的情况下完成。一种方法是将 filter() 方法与 every() 结合使用。

var result = arrays.shift().filter(function(v) {
    return arrays.every(function(a) {
        return a.indexOf(v) !== -1;
    });
});

在此解决方案中：

• shift() 从 arrays 集合中删除第一个数组。
• filter() 创建一个仅包含传递 a 的元素的新数组。
• every() 检查 arrays 集合中的所有元素是否都满足条件。

对外部数组进行排序 ( 数组) 基于长度可以优化性能。

arrays.sort(function(a, b) {
    return a.length - b.length;
});

此外，如果数组中存在重复项，可以使用 reduce() 方法代替filter().

var result = arrays.shift().reduce(function(res, v) {
    if (res.indexOf(v) === -1 && arrays.every(function(a) {
        return a.indexOf(v) !== -1;
    })) res.push(v);
    return res;
}, []);

通过使用这些方法，您可以有效地跨多个数组查找数组中的匹配项，即使它们包含未知的长度或重复项。

以上是如何在 Javascript 中跨多个数组查找数组中的匹配项？的详细内容。更多信息请关注PHP中文网其他相关文章！