js配列から重複を削除する方法は何ですか?

js 配列の重複を排除する方法には、Set の使用、indexOf の使用、include の使用、filter の使用、reduce の使用などがあります。 1. セット内の要素が繰り返されないという特徴を持つ Set を使用します; 2. 配列内の指定された要素の最初のインデックス位置を返すには、indexOf を使用します; 3. 要素が既に存在するかどうかを判断するには、includes を使用します4. filter を使用して要素をフィルタリングする; 5. reduce を使用して配列内の要素を圧縮するなど。

このチュートリアルの動作環境: Windows10 システム、JavaScript ES12 バージョン、DELL G3 コンピューター。

JavaScript プログラミングでは、配列に対して重複排除操作を実行する必要がある状況によく遭遇します。重複排除とは、配列から重複した要素を削除し、そのうちの 1 つだけを保持することを指します。この記事では、読者がよりよく理解して適用できるように、一般的な JavaScript 配列の重複排除メソッドをいくつか紹介します。

方法 1: Set を使用する

ES6 で導入された Set オブジェクトは、配列の重複排除を迅速に行うのに役立つ新しいデータ構造です。 Set オブジェクトの特徴は、セット内の要素が繰り返されないことです。配列を Set オブジェクトに変換し、その後 Set オブジェクトを配列に戻すだけで重複排除の目的を達成できます。

サンプル コード:

let arr = [1, 2, 2, 3, 3, 4, 5];
let uniqueArr = Array.from(new Set(arr));
console.log(uniqueArr); // [1, 2, 3, 4, 5]

方法 2:indexOf を使用する

JavaScript の配列オブジェクトには、指定された要素を返す IndexOf メソッドが用意されています。配列内の最初のインデックス位置。このメソッドを使用すると、要素が新しい配列にすでに存在するかどうかを確認し、存在しない場合は要素を追加できます。

サンプルコード:

let arr = [1, 2, 2, 3, 3, 4, 5];
let uniqueArr = [];
for (let i = 0; i < arr.length; i++) {
if (uniqueArr.indexOf(arr[i]) === -1) {
uniqueArr.push(arr[i]);
}
}
console.log(uniqueArr); // [1, 2, 3, 4, 5]

メソッド 3: includes を使用する

ES7 で導入された include メソッドは、indexOf メソッドに似ています。要素が配列内にすでに存在するかどうかを判断します。このメソッドを使用して、配列の重複排除操作を実行できます。

サンプル コード:

let arr = [1, 2, 2, 3, 3, 4, 5];
let uniqueArr = [];
for (let i = 0; i < arr.length; i++) {
if (!uniqueArr.includes(arr[i])) {
uniqueArr.push(arr[i]);
}
}
console.log(uniqueArr); // [1, 2, 3, 4, 5]

方法 4: フィルターを使用する

JavaScript の配列オブジェクトには、要素をフィルター処理するために使用できるフィルター メソッドが用意されています。 。このメソッドを使用すると、配列の重複排除を実行し、最初に出現した要素のみを保持できます。

サンプル コード:

let arr = [1, 2, 2, 3, 3, 4, 5];
let uniqueArr = arr.filter((item, index) => {
return arr.indexOf(item) === index;
});
console.log(uniqueArr); // [1, 2, 3, 4, 5]

メソッド 5:reduce を使用する

JavaScript の配列オブジェクトには、要素を「圧縮」できる Reduce メソッドが用意されています。単一の値に変換します。このメソッドを使用して、配列の重複排除操作を実行できます。

サンプル コード:

let arr = [1, 2, 2, 3, 3, 4, 5];
let uniqueArr = arr.reduce((prev, curr) => {
if (!prev.includes(curr)) {
prev.push(curr);
}
return prev;
}, []);
console.log(uniqueArr); // [1, 2, 3, 4, 5]

結論:

この記事では、Set、indexOf、および include の使用など、JavaScript で一般的に使用される配列の重複排除メソッドを紹介します。 、filter メソッドと Reduce メソッド。読者は、実際の状況に応じて、アレイの重複排除を実行するための適切な方法を選択できます。実際の開発では、配列の重複排除は非常に基本的でよく使用される操作であり、これらの方法をマスターすると、配列データをより効率的に処理し、プログラムのパフォーマンスと可読性を向上させることができます。 。

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