JavaScript配列から重複を削除する方法

JavaScript 配列から重複値を削除する方法: 1. 「indexOf()」メソッドを使用して重複値を削除します; 2. splice メソッドを使用して重複値を削除します; 3. 新しいセット Set を使用しますes6 で重複した値を削除します。

この記事の動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

js 配列内の重複値を削除するいくつかの方法

日々の開発では、配列内の重複値を削除する場面に遭遇することがあります。 、私が学んだいくつかの方法を共有します

配列から重複する値を削除する方法:

1、indexOf() メソッドを使用して

アイデア:新しい配列を作成し、複製する配列をループし、新しい配列を使用して複製する配列の値を見つけます。値が見つからない場合は、.push を使用して新しい配列に追加します。最後に新しい配列を返します。

理解できなくても問題ありません。コードを読んだ後のほうが理解しやすいです。

function fun(arr){ let newsArr = []; for (let i = 0; i < arr.length; i++) { if(newsArr.indexOf(arr[i]) === -1){ newsArr.push(arr[i]); } } return newsArr; }

2、splice メソッドを使用します。

アイデアを削除する: このメソッドはバブリングをいくらか模倣しています。ループの 2 つの層、外側のループは配列を横断し、内側のループは値を比較します。それらが同じ場合は、splice を使用してそれらを削除し、処理された結果を返します。 array.

わからなくても大丈夫ですコードのほうが理解しやすいです

function fun(arr){ for (let i = 0; i < arr.length; i++) { for(let j = i+1; j < arr.length; j++){ if(arr[i]==arr[j]){ arr.splice(j,1);　　　　　　　　　　j--; } } } return arr; }

3.es6の新しいセットを使いますセットの削除

こちらSet コレクションの簡単な紹介です。配列にはよく知られていますが、これは配列ではなくコレクションです。その中には、追加 (add)、削除 (delete)、チェック (has) などの多くのメソッドもあります。

その最も重要な機能は次のとおりです。要素は繰り返すことができません。つまり、同じ要素は Set コレクションに表示されません。

Set 重複排除ソリューション 1:

アイデア: なぜならSet コレクションでは重複値は許可されないため、この機能を使用して配列を渡して重複を削除できます。

最初に新しい Set を作成し、重複排除された配列をパラメーターとして渡してから、新しい配列とループ コレクションを走査し、各コレクション要素を新しい配列に追加し、最後に新しい配列を返します。

function fun(arr){ let s1 = new Set(arr); let arr2 = []; for(let item of s1){ arr2.push(item); } return arr2; }

重複排除ソリューション 2 を設定します (配列メソッド Array.form() を使用します):

アイデア: Array.from(); は、疑似配列とコレクションを配列型に変換できます。Set コレクションと組み合わせたこのメソッドは、まさにニーズを満たします。

[推奨される学習:JavaScript 上級チュートリアル]

function fun(arr){ let s1 = new Set(arr); return Array.from(s1); }

重複排除ソリューション 3 の設定 (es6 拡張演算子を使用...):

アイデア: es6 拡張演算子は配列をカンマ区切りのパラメーター シーケンスに変換できます

function fun(arr){ let s1 = new Set(arr); return [...s1]; }

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