如何使用 JavaScript 查找存在于任意两个给定数组中且只出现一次的每个元素？

在本教程中，我们将学习如何找到存在于任意两个给定数组中且只出现一次的每个元素，这意味着我们需要处理两个填充了一些元素的数组，然后从这两个数组中创建一个新数组，该数组包含两个数组中所有存在的元素，并且每个元素只出现一次。

例如，我们取两个数组，并查找存在于任意两个数组中且只出现一次的每个元素。

输入

const arr1 = [1, 2, 3, 4, 5]
const arr2 = [1, 4, 9, 16, 25]

输出

result = [1, 2, 3, 4, 5, 9, 16, 25]

输入

const arr1 = [ ‘Deepansh’, ’Aditya’, ’Rishabh’, ’Rishit’ ]
const arr2 = [ ‘Vikrant’, ’Rishabh’, ’Mohit’, ’Rishit’ ]

输出

result = [ ‘Deepansh’, ’Aditya’, ’Rishabh’, ’Rishit’, ’Vikrant’, ’Mohit’]

基本上，有两种方法可以使用 JavaScript 查找存在于任意两个给定数组中且只出现一次的每个元素，如下所示：

方法一：循环遍历数组

在这里，我们将选择两个数组中的一个，并按照以下步骤循环遍历另一个数组：

步骤 1：第一步，我们创建两个不同的数组，这两个数组中的一些元素相同，以便我们可以清楚地检查我们的结果。

步骤 2：现在，我们创建一个函数，将两个数组作为参数传入。

步骤 3：找出任意一个数组的长度。

步骤 4：在此步骤中，我们将使用 array.forEach() 方法循环遍历另一个数组。

步骤 5：现在，我们检查每个单个元素是否存在于第一个数组中，如果不存在，则将其添加到第一个数组中，并更新第一个数组的长度。

步骤 6：现在，我们调用函数 check 以获得所需的结果。

示例

我们可以使用以下代码通过循环方法查找存在于任意两个给定数组中且只出现一次的每个元素：

<!DOCTYPE html>
<html>
<head>
   <h2> Tutorials Point </h2>
</head>
<body>
   <script>
      const arr1 = [ 1, 2, 3, 4, 5 ]
      const arr2 = [ 1, 4, 9, 16, 25 ]
      const check = (arr1, arr2) => {
         let len = arr1.length
         arr2.forEach(value => {
            if (arr1.indexOf(value) == -1) {
               arr1[len] = value
               len++
            }
         });
         return arr1
      }
      let result = check(arr1, arr2);
      document.write(result)
   </script>
</body>
</html>

方法二：在 JavaScript 中创建集合

在这种方法中，我们将创建一个集合（唯一元素的集合），并将两个数组的元素添加到集合中，以便我们获得唯一元素的数组。生成集合的步骤如下：

步骤 1：第一步，我们创建两个不同的数组，这两个数组中的一些元素相同，以便我们可以清楚地检查我们的结果。

步骤 2：现在，我们创建一个函数，将两个数组作为参数传入。

步骤 3：在此步骤中，我们将使用第一个数组的元素创建一个集合。

步骤 4：在此步骤中，我们将使用 array.forEach() 方法循环遍历另一个数组。

步骤 5：现在，我们将数组 2 的元素添加到集合中，集合只会接受其中不存在的元素。

步骤 6：现在，我们调用函数 check 以获得所需的结果。

示例

我们可以使用以下代码通过创建集合方法查找存在于任意两个给定数组中且只出现一次的每个元素：

<!DOCTYPE html>
<html>
<head>
   <h2> Tutorials Point </h2>
</head>
<body>
   <div id="demo"> </div>
   <script>
      const arr1 = [ 1, 2, 3, 4, 5 ]
      const arr2 = [ 1, 4, 9, 16, 25 ]
      const check = (arr1,arr2) => {
         const arr_set = new Set(arr1)
         arr2.forEach(element => {
            arr_set.add(element)
         });
         for (let item of arr_set.values())
           document.getElementById('demo').innerHTML += item +", ";
      }
      check(arr1,arr2)
   </script>
</body>
</html>

在本教程中，我们讨论了两种使用 JavaScript 查找存在于任意两个给定数组中且只出现一次的每个元素的方法。第一种方法是“循环遍历数组”，第二种方法是“在 JavaScript 中创建集合”。

更新于：2022年10月18日

浏览量：182

启动您的 职业生涯

通过完成课程获得认证

开始
广告