如何使用 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

啟動您的 職業生涯

透過完成課程獲得認證

開始
廣告