如何比較 JavaScript 中的數組，並附上示例

本文將向您展示如何在 JavaScript 中比較數組，並提供一些現成的函數。

我們已經介紹了一些關於如何在 JavaScript 中使用數組：

• 使用 JavaScript forEach() 循環遍歷數組，並附上示例
• JavaScript 中的數組 slice() 方法，帶有 Examples()
• 用示例檢查數組是否包含 JavaScript 中的值
• 使用示例從 JavaScript 中的數組中刪除元素

什麼是數組？

數組是一種 JavaScript 變量，可以在列表中的某個位置保存其他變量或對其他變量的引用。

比較 JavaScript 中的數組

因為數組中的元素都有一個值 和一個索引 （或職位），您需要決定如何 你想比較它們。以下是帶有代碼示例的選項。

檢查數組是否包含相同的值，無論順序如何

請注意，如果數組中有重複值，這將無法正常工作——只能比較每個數組中某個值的存在，而不是它出現的次數，因為不檢查每個元素的位置。

以下函數將檢查兩個數組是否包含相同的值，無論頻率或位置如何。

function compareArrayValues(array1, array2){
    
    # Get only the unique values in each array
    # This uses the new ES6 Set feature - a Set contains only unique values, so by converting an array to a Set and back, only the unique values are kept
    # the ellipsis (...) expands the values of the Set, which is faster to type than a foreach loop to add each value to the array
    array1 = [...new Set(array1)];
    array2 = [...new Set(array2)];

    # Sort the arrays so the values are in order and can be compared:
    array1.sort();
    array2.sort();

    # The arrays can now be compared directly.  A cheeky shortcut to do this is to convert them to a JSON string and compare those - if the strings match, the arrays are the same
    # This is again much faster than iterating through the array and comparing each value
    return JSON.stringify(array1) === JSON.stringify(array2);
}

如果數組包含相同的值，此函數將返回 TRUE，否則返回 FALSE。

檢查數組是否以相同的順序包含相同的值

以下函數直接比較數組——它們必須完全相同：

function compareArrays(array1, array2){
    
    # The arrays can be compared as-is as we want both the value and position of each element to be checked.  A cheeky shortcut to do this is to convert them to a JSON string and compare those - if the strings match, the arrays are the same
    # This is much faster than iterating through the array and comparing each value
    return JSON.stringify(array1) === JSON.stringify(array2);
}

如果數組完全相同，此函數將返回 TRUE，否則返回 FALSE。

在一個數組中查找不在另一個數組中的值

自 ECMA2015 版本以來的現代 JavaScript 版本（現在應該得到廣泛支持）提供了用於輕鬆過濾數組以發現它們之間的差異的函數。

下面的示例將採用 array1 中的元素 不在 array2 中的 並創建一個新的差異 和他們一起排列。

var differences = array1.filter(e => array2.indexOf(e) < 0);

這是如何工作的？

數組1 被過濾為僅包含未出現在 array2 中的值 .值是否出現在 array2 中 由是否有有效的索引（大於0的索引）決定。