ホームページ > ウェブフロントエンド > フロントエンドQ&A > JavaScript 配列重複排除組み込みメソッド

JavaScript 配列重複排除組み込みメソッド

PHPz
リリース: 2023-05-09 22:02:07
オリジナル
646 人が閲覧しました

JavaScript プログラミングでは、配列の重複排除は非常に一般的な要件です。通常、この操作を実現するために、いくつかのアルゴリズムまたはメソッドを使用します。ただし、JavaScript には配列の重複排除メソッドも組み込まれており、非常に便利です。この記事では、JavaScript 配列重複排除組み込みメソッドを紹介し、具体的な使用法を示します。

JavaScript 配列の重複排除には、Set、indexOf、および include の 3 つの組み込みメソッドがあります。

1. Set メソッド
Set は ES6 の新しいデータ構造で、任意の型の一意の値を保存できるため、セット内の要素が重複しないことが保証されます。 Set の特性を利用すると、配列の重複を簡単に排除できます。

Set メソッドを使用して重複を削除する具体的な手順は次のとおりです:

  1. 空の Set オブジェクトを定義します;
  2. 配列を走査して配列要素を保存しますSet オブジェクトの値として Enter;
  3. Set オブジェクトを配列に変換します。

サンプル コードは次のとおりです。

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

上記のコードでは、Array.from メソッドを使用してSet オブジェクトを配列に変換します。実行結果は、配列 arr 内の重複要素が削除されたことを示しています。

2. IndexOf メソッド
indexOf メソッドは、配列内の指定された要素の位置を問い合わせることができ、要素が存在しない場合は -1 を返します。この方法を使用すると、配列を走査するときに要素が存在するかどうかを判断できるため、重複排除の目的を達成できます。

indexOf メソッドを使用して重複を削除する具体的な手順は次のとおりです:

  1. 空の配列を定義します;
  2. 現在の配列の場合は、元の配列 arr を走査します。新しい配列 newArr 要素に配列が存在しない場合、現在の要素が newArr に追加されます。

サンプル コードは次のとおりです。

const arr = [1, 2, 3, 3, 4, 4, 5];
const newArr = [];
for (let i = 0; i if (newArr.indexOf(arr[i]) === -1) {

newArr.push(arr[i]);
ログイン後にコピー
ログイン後にコピー

}
}
console.log(newArr); // [1, 2, 3, 4, 5]

上記のコードでは、要素が存在するかどうかを判断することで重複排除の目的が達成されます。新しい配列。実行結果は Set メソッドと同じです。

3. includes メソッド
includes メソッドは ES7 の新しいメソッドで、配列に指定された要素が含まれているかどうかを判断するために使用されます。重複排除操作では、配列を走査するときに新しい配列に現在の要素が含まれているかどうかを判断して、重複した要素を削除できます。

includes メソッドを使用して重複を削除する具体的な手順は次のとおりです:

  1. 空の配列を定義します;
  2. 新しい配列の場合は、元の配列 arr を走査します。配列 newArr には現在の要素が含まれていないため、現在の要素が newArr に追加されます。

サンプル コードは次のとおりです。

const arr = [1, 2, 3, 3, 4, 4, 5];
const newArr = [];
for (let i = 0; i if (!newArr.includes(arr[i])) {

newArr.push(arr[i]);
ログイン後にコピー
ログイン後にコピー

}
}
console .log(newArr); // [1, 2, 3, 4, 5]

indexOf メソッドと比較して、includes メソッドは重複排除操作をより簡潔に実装できます。実行結果は、最初の 2 つの方法の結果と同じです。

要約すると、JavaScript 配列の重複排除には、Set、indexOf、および include という 3 つの一般的に使用される組み込みメソッドがあります。これら 3 つの方法を使用する場合は、状況に応じて選択する必要があります。 ES6 以降の JavaScript を使用している場合は、Set メソッドを使用することをお勧めします。古いバージョンの JavaScript との互換性が必要な場合は、indexOf または include メソッドを使用できます。どの方法を使用しても、配列の重複排除をエレガントに実装できます。

以上がJavaScript 配列重複排除組み込みメソッドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート