如何在 JavaScript 中比较两个数组
Rupam Yadav
2023年10月12日
-
在 JavaScript 中
Array.prototype.equals
比较两个数组 -
在 JavaScript 中
JSON.stringify()
比较数组 - 在 JavaScript 中使用循环比较两个数组
本教程介绍了三种在 JavaScript 中比较数组的方法。有多种方法,但性能可能有所不同。
在 JavaScript 中 Array.prototype.equals
比较两个数组
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
在 JavaScript 中 JSON.stringify()
比较数组
另一种比较两个数组的技术是先将它们投向字符串类型,然后再进行比较。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 中使用循环比较两个数组
循环是 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
作者: Rupam Yadav
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