JavaScript 中数组元素的相等性检查(顺序相关)


本文的任务是检查数组元素的相等性(顺序相关)。在进入示例之前,让我们看看在 JavaScript 中检查数组元素的相等性(顺序相关)时的输入输出场景。

输入输出场景

让我们看一下输入输出场景,其中我们声明了两个数组,我们需要获取顺序相关的相同元素。

Array1 = [2, 5, 6, 7, 9, 0];
Array2 = [3, 5, 0, 8, 9, 4];

Output = [5, 9]

在上面的代码片段中,我们可以看到有两个数组及其元素。我们发现 5 和 9 在两个数组中具有相同的顺序。

示例 1

在下面的示例中:

  • 我们声明了两个包含元素的数组。通过迭代第一个数组 (array1),我们将第一个数组中的每个元素与第二个数组中的元素进行比较。

  • 每当在相同的顺序中匹配时,该元素将被推入一个空数组。

Open Compiler
<!DOCTYPE html> <html> <head> <title>Checking the equality of array elements (sequence dependent) in JavaScript</title> <button onClick="func()">Click!</button> <p id="para"></p> </head> <body> <script> function func() { function EqualElements(array1, array2) { let EmpArr = []; for (let i = 0; i < array1.length; i++) { if (array1[i] !== array2[i]) { continue; } else { EmpArr.push(array1[i]); }; }; return EmpArr; }; const array1 = [10, 22, 30, 44, 50, 66, 70]; const array2 = [10, 33, 20, 44, 55, 60, 70]; document.getElementById("para").innerHTML = "Equal array elements (sequence dependent): " + EqualElements(array1, array2); }; </script> </body> </html>

正如我们在输出中看到的,**10、44** 和 **70** 在两个数组中都匹配,并且它们具有相同的顺序。因此,我们将这些元素推入一个空数组。

Learn JavaScript in-depth with real-world projects through our JavaScript certification course. Enroll and become a certified expert to boost your career.

示例 2

在下面的示例中:

  • 我们声明了两个包含元素的数组。每当两个数组的元素在相同的顺序中匹配时,计数器(初始值为 0)就会递增。

Open Compiler
<!DOCTYPE html> <html> <head> <title>Checking the equality of array elements (sequence dependent) in JavaScript</title> <button onClick="func()">Click!</button> <p id="para"></p> </head> <body> <script> const array1 = [10, 22, 30, 44, 50, 66, 70]; const array2 = [10, 33, 20, 44, 55, 60, 70]; function func() { function EqualElements(array1, array2) { let count = 0; var i = 0; while (i < array1.length) { if (array1[i] == array2[i]) { count++; } i++; } return count; }; document.getElementById("para").innerHTML = "Count of similar elements in sequence: " + EqualElements(array1, array2); }; </script> </body> </html>

在输出中,每当两个数组中存在相同顺序的匹配项时,计数器都会递增。

更新于:2022年11月8日

浏览量:271

开启您的职业生涯

完成课程获得认证

开始学习
广告