如何在 JavaScript 中比較兩個陣列

Rupam Yadav 2023年1月30日 2020年11月24日
  1. 在 JavaScript 中 Array.prototype.equals 比較兩個陣列
  2. 在 JavaScript 中 JSON.stringify() 比較陣列
  3. 在 JavaScript 中使用迴圈比較兩個陣列
如何在 JavaScript 中比較兩個陣列

本教程介紹了三種在 JavaScript 中比較陣列的方法。有多種方法,但效能可能有所不同。

在 JavaScript 中 Array.prototype.equals 比較兩個陣列

JavaScript 為我們提供了在現有類中新增新屬性和方法的功能。我們可以使用 Array.prototype 將我們的自定義方法 equals 新增到 Array 物件中。

在下面的例子中,我們將首先檢查兩個陣列的長度,然後比較每個專案。我們也在檢查 a1a2 是否是 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

在 JavaScript 中 JSON.stringify() 比較陣列

另一種比較兩個陣列的技術是先將它們投向字串型別,然後再進行比較。JSON 是用來從/到 web 伺服器傳輸資料的,但我們可以在這裡使用它的方法。我們可以使用 JSON.stringify()Array 轉換為 string。由於現在 a1a2 都是字串,我們可以使用 === 檢視它們是否相等。

例子:

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 中使用迴圈比較兩個陣列

迴圈是 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
Author: Rupam Yadav
Rupam Yadav avatar Rupam Yadav avatar

Rupam Saini is an android developer, who also works sometimes as a web developer., He likes to read books and write about various things.

LinkedIn

相關文章 - JavaScript Array