如何在 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中文網其他相關文章！