如何比较 JavaScript 中的两个数组？

在 JavaScript 中，有多种方法可以比较两个数组。本文将介绍使用 JavaScript 原生 API 实现的 4 种比较两个数组的方法。

基于长度比较

最简单的比较两个数组的方法是比较它们的长度。如果两个数组的长度不同，则它们不相等。以下是使用这种方法的代码：

function compareArrays(arr1, arr2) {
  if (arr1.length !== arr2.length) {
    return false;
  }
  return true;
}

基于排序比较

如果两个数组中的元素可以彼此匹配，则可以比较它们的排序后的形式。以下是使用这种方法的代码：

function compareArrays(arr1, arr2) {
  if (arr1.length !== arr2.length) {
    return false;
  }
  arr1.sort();
  arr2.sort();
  for (let i = 0; i < arr1.length; i++) {
    if (arr1[i] !== arr2[i]) {
      return false;
    }
  }
  return true;
}

该函数首先检查两个数组的长度是否相等，如果不相等，则返回 false。接下来，它对两个数组进行排序，然后逐个比较它们的元素。

基于对象比较

如果两个数组中的元素是对象，则可以比较它们的属性值是否相等。以下是使用这种方法的代码：

function compareArrays(arr1, arr2) {
  if (arr1.length !== arr2.length) {
    return false;
  }
  for (let i = 0; i < arr1.length; i++) {
    if (JSON.stringify(arr1[i]) !== JSON.stringify(arr2[i])) {
      return false;
    }
  }
  return true;
}

该函数首先检查两个数组的长度是否相等，如果不相等，则返回 false。接下来，它逐个比较两个数组中的对象的属性值是否相等，使用了 JSON.stringify 方法将对象转换为字符串进行比较。

基于 Set、Map 比较

ES6 引入了 Set 和 Map 数据类型，它们提供了一种方便的方法来比较两个数组。以下是使用这种方法的代码：

function compareArrays(arr1, arr2) {
  const set1 = new Set(arr1);
  const set2 = new Set(arr2);
  if (set1.size !== set2.size) {
    return false;
  }
  for (let item of set1) {
    if (!set2.has(item)) {
      return false;
    }
  }
  return true;
}

该函数首先使用 Set 类型创建两个集合，分别代表两个数组。然后，它检查两个集合的大小是否相等，如果不相等，则返回 false。最后，它逐个遍历第一个集合中的元素，检查第二个集合中是否存在相应的元素。

总结

本文介绍了 4 种比较两个数组的方法。基于长度比较是最简单的方法，但不适用于数组中元素相同但顺序不同的情况。基于排序比较可以解决顺序问题，但不能比较数组中的对象。基于对象比较可以解决对象属性值的比较，但需要将对象转换为字符串，开销较大。使用 Set 和 Map 类型的方法既可以比较基本类型的元素，也可以比较复杂类型的元素，是最通用的方法。