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

WBOY
リリース: 2023-08-24 12:05:08
転載
1328 人が閲覧しました

如何从 JavaScript 数组中删除重复元素?

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

filter() メソッドの使用

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

#Filter.js

ログイン後にコピー

出力

"steve", "mark", "bill"
ログイン後にコピー
ログイン後にコピー
ログイン後にコピー
ログイン後にコピー

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

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

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

#filter.js

ログイン後にコピー

出力

"steve", "mark", "bill"
ログイン後にコピー
ログイン後にコピー
ログイン後にコピー
ログイン後にコピー

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

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

# filter.js

ログイン後にコピー

Output

"steve", "mark", "bill"
ログイン後にコピー
ログイン後にコピー
ログイン後にコピー
ログイン後にコピー

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

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

#filter.js

ログイン後にコピー

出力

"steve", "mark", "bill"
ログイン後にコピー
ログイン後にコピー
ログイン後にコピー
ログイン後にコピー

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

ソース:tutorialspoint.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!