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

javascriptweb developmentfront end technology更新于 2024/6/20 14:17:00

在本文中,给定的任务是检查数组元素(序列相关)的相等性。在继续示例之前,让我们看看在 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、4470 在两个数组中都匹配,并且它们处于相同的序列中。因此,我们将这些元素推送到一个空数组中。

示例 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>

在输出中,只要两个数组中存在以相同序列顺序匹配的内容,计数就会增加。


相关文章