迹忆客 专注技术分享

本教程介绍了三种在 JavaScript 中比较数组的方法。有多种方法，但性能可能有所不同。

JavaScript 为我们提供了在现有类中添加新属性和方法的功能。我们可以使用 Array.prototype 将我们的自定义方法 equals 添加到 Array 对象中。

在下面的例子中，我们将首先检查两个数组的长度，然后比较每个项目。我们也在检查 a1 和 a2 是否是 Array 实例，因为如果不是，它们就不一样。最后，我们使用 a1.equals(a2) 的方法来比较第一个数组和第二个数组。

例子：a1.equals(a2)。

var a1 = [1, 2, 3];
var a2 = [1, 2, 3];
var a3 = [1, 2, 3, 4];

Array.prototype.equals = function (getArray) {
  if (this.length != getArray.length) return false;

  for (var i = 0; i < getArray.length; i++) {
    if (this[i] instanceof Array && getArray[i] instanceof Array) {
      if (!this[i].equals(getArray[i])) return false;
    } else if (this[i] != getArray[i]) {
      return false;
    }
  }
  return true;
};

console.log("Comparing a1 and a2", a1.equals(a2));
console.log("Comparing a1 and a3", a1.equals(a3));

输出：

Comparing a1 and a2 true
Comparing a1 and a3 false

另一种比较两个数组的技术是先将它们投向字符串类型，然后再进行比较。JSON 是用来从/到 web 服务器传输数据的，但我们可以在这里使用它的方法。我们可以使用 JSON.stringify() 将 Array 转换为 string。由于现在 a1 和 a2 都是字符串，我们可以使用 === 查看它们是否相等。

例子:

var a1 = [1, 2, 3];
var a2 = [1, 2, 3];
var a3 = [1, 2, 3, 4];

console.log("Comparing a1 and a2", JSON.stringify(a1) === JSON.stringify(a2));
console.log("Comparing a1 and a3", JSON.stringify(a1) === JSON.stringify(a3));

输出：

Comparing a1 and a2 true
Comparing a1 and a3 false

循环是 JavaScript 中比较数组的最传统的方式，因为它涉及到在数组中循环，然后将每一个元素相互比较，检查它们是否匹配。

为了使其更简洁，我们可以使用函数，然后返回 boolean 作为结果。

举个例子，我们可以使用函数，然后返回 boolean 结果。

var a1 = [1, 2, 3];
var a2 = [1, 2, 3]; 
var a3 = [1, 2, 3, 4];

const getResult = function (a1, a2) {
   var i = a1.length;
   if (i != a2.length) return false;

   while (i--) {
     if (a1[i] !== a2[i]) return false;
   }
   return true;
 };

console.log("Comparing a1 and a2", getResult(a1, a2));
console.log("Comparing a1 and a3", getResult(a1, a3));

输出：

Comparing a1 and a2 true
Comparing a1 and a3 false