JavaScript 配列から重複要素を削除するにはどうすればよいですか?

JavaScript では、配列から重複要素を削除する方法がいくつかあります。この記事では、重複要素を削除するための主な方法のいくつかを検討します。

filter() メソッドの使用

filter()このメソッドは、渡された条件を使用して要素の新しい配列を作成します。これには、このフィルター メソッドの一部として true を返す要素のみが含まれます。したがって、重複した要素を削除するには、filter() メソッドに条件を追加するだけで、残りの作業は自動的に実行されます。

#Filter.js

<script>
   var arr = ["steve", "mark", "mark","bill", "steve", "
   function removeDuplicates(arr) {
      return arr.filter((item,index) => arr.indexOf(item) === index);
   console.log(removeDuplicates(arrr));
</script>

出力

"steve", "mark", "bill"

Set() メソッドを使用する

Setユニークな値の集合体です。配列から要素を削除するには、まず重複した配列を Set に変換する必要があります。

この新しい Set は、重複した要素を暗黙的に削除し、それを配列のセットに変換し直します。

#filter.js

<script>
   var arr = ["steve", "mark", "mark","bill", "steve", "bill"];

   function removeDuplicates(arr) {
      let uniqueArr = [...new Set(arr)];
      return uniqueArr;
   }
   console.log(removeDuplicates(arr));
</script>

出力

"steve", "mark", "bill"

reduce() メソッドを使用します

reduce () メソッドは、配列の要素を削減し、ユーザーが渡したリデューサー関数に基づいてそれらを最終的な配列に結合するために使用されます。次の例では、reduce() メソッドを使用して配列から重複した要素を削除します。

# filter.js

<script>
   var arr = ["steve", "mark", "mark","bill", "steve", "bill"];

   function removeDuplicates(arr) {
      var unique = arr.reduce(function (acc, curr) {
         if (!acc.includes(curr))
            acc.push(curr);
         return acc;
      }, []);
      return unique;
   }
   console.log(removeDuplicates(arr));
</script>

Output

"steve", "mark", "bill"

forEach() と include() を使用します

配列要素の場合、include() メソッドは true を返し、それ以外の場合は false を返します。次の例では、forEach() を使用して配列の要素を反復処理し、同じ要素がそこに存在しない場合にのみ新しい配列に追加します。

#filter.js

<script>
   var arr = ["steve", "mark", "mark","bill", "steve", "bill"];

   function removeDuplicates(arr) {
      let uniqueArr = [];
      chars.forEach((c) => {
         if (!uniqueChars.includes(c)) {
            uniqueChars.push(c);
         }
      });
       return uniqueArr;
   }
   console.log(removeDuplicates(arr));
</script>

出力

"steve", "mark", "bill"

以上がJavaScript 配列から重複要素を削除するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。