How to Compare Two Arrays in JavaScript

Photo by Chris Ried on Unsplash

Comparing arrays in JavaScript can be crucial for various tasks, such as checking if two arrays are identical or finding differences between them. JavaScript does not provide a built-in method for array comparison, so you’ll need to use custom logic. This article explores different methods to compare two arrays, depending on your requirements.

01. Comparing Arrays for Equality

To check if two arrays are identical, meaning they have the same elements in the same order, you can use a combination of methods like JSON.stringify() or a manual comparison.

A) Using JSON.stringify()

The JSON.stringify() method can be used to convert arrays to JSON strings and then compare those strings.

// Define two arrays
let array1 = [1, 2, 3, 4];
let array2 = [1, 2, 3, 4];

// Compare arrays by converting to JSON strings
let areEqual = JSON.stringify(array1) === JSON.stringify(array2);

console.log(areEqual); // Output: true

This method is straightforward but has limitations with nested arrays and object elements due to the order of properties and values.

B) Manual Comparison

For a more robust solution, especially for nested arrays, you can write a function to compare arrays element by element.

// Function to compare two arrays
function arraysAreEqual(arr1, arr2) {
    if (arr1.length !== arr2.length) return false;
    for (let i = 0; i < arr1.length; i++) {
        if (arr1[i] !== arr2[i]) return false;
    }
    return true;
}

// Define two arrays
let array1 = [1, 2, 3, 4];
let array2 = [1, 2, 3, 4];

// Compare arrays
let areEqual = arraysAreEqual(array1, array2);

console.log(areEqual); // Output: true

This approach iterates through each element and compares them, providing a more accurate comparison, including for arrays with different lengths.

02. Checking if Arrays Have the Same Elements (Order Doesn’t Matter)

If you want to compare arrays to see if they contain the same elements regardless of order, you’ll need to sort them first or use a different approach.

A) Using sort() and JSON.stringify()

Sort both arrays and then compare them using JSON.stringify() as previously described.

// Function to compare arrays regardless of order
function arraysContainSameElements(arr1, arr2) {
    return JSON.stringify(arr1.sort()) === JSON.stringify(arr2.sort());
}

// Define two arrays
let array1 = [4, 3, 2, 1];
let array2 = [1, 2, 3, 4];

// Compare arrays
let haveSameElements = arraysContainSameElements(array1, array2);

console.log(haveSameElements); // Output: true

Sorting ensures that the elements are in the same order before comparison.

B) Using Set

You can use a Set to compare arrays for uniqueness of elements without regard to order.

// Function to compare arrays regardless of order
function arraysContainSameElements(arr1, arr2) {
    return arr1.length === arr2.length &&
        new Set(arr1).size === new Set(arr2).size &&
        arr1.every(item => arr2.includes(item));
}

// Define two arrays
let array1 = [1, 2, 3, 4];
let array2 = [4, 3, 2, 1];

// Compare arrays
let haveSameElements = arraysContainSameElements(array1, array2);

console.log(haveSameElements); // Output: true

This function checks if both arrays have the same elements, regardless of order.

Originally published at https://www.rustcodeweb.com on August 15, 2024.