JavaScript 中数组元素的相等性检查(顺序相关)
本文的任务是检查数组元素的相等性(顺序相关)。在进入示例之前,让我们看看在 JavaScript 中检查数组元素的相等性(顺序相关)时的输入输出场景。
输入输出场景
让我们看一下输入输出场景,其中我们声明了两个数组,我们需要获取顺序相关的相同元素。
Array1 = [2, 5, 6, 7, 9, 0]; Array2 = [3, 5, 0, 8, 9, 4]; Output = [5, 9]
在上面的代码片段中,我们可以看到有两个数组及其元素。我们发现 5 和 9 在两个数组中具有相同的顺序。
示例 1
在下面的示例中:
我们声明了两个包含元素的数组。通过迭代第一个数组 (array1),我们将第一个数组中的每个元素与第二个数组中的元素进行比较。
每当在相同的顺序中匹配时,该元素将被推入一个空数组。
<!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)就会递增。
<!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>
在输出中,每当两个数组中存在相同顺序的匹配项时,计数器都会递增。
广告