JavaScriptで配列の一意の値を取得するには、次の3つの一般的な方法があります。1。セットを使用して、最新のブラウザーに適した拡張演算子と組み合わせた新しいセット（ARR）を介して配列に戻ります。 2。二重層ループの手動フィルタリング、配列を橫斷し、使用することには、古い環(huán)境に適した既に存在するかどうかを判斷するために含まれます。 3.フィルターとIndexOfの組み合わせは、追加の変數(shù)なしで最初に表示される要素を保持しますが、パフォーマンスは平均です。選択は、互換性の要件とデータ構(gòu)造の複雑さに依存します。

アレイから取得したデータには重複した値が含まれている場合があり、これらの一意の値をフィルタリングする必要があります。 JavaScriptでは、実際にアレイの一意の値を取得するいくつかの一般的な方法があり、実裝するのは複雑ではありません。

セットを使用して重量を削除することが最も直接的な方法です

ES6によって導(dǎo)入されたSet構(gòu)造は、自然に重複した値が存在することを許可していないため、これは最も一般的に使用され、推奨される方法の1つです。あなたはこのように書くことができます：

 const arr = [1、2、2、3、4、4、5];
const sinque = [... new set（arr）];

このコードの目的は次のとおりです。配列を渡してSet 。これにより、自動的に重複を削除し、オペレーターを拡張して通常の配列に戻ります。この方法はシンプルで効率的で、ほとんどの狀況に適しています。

古いブラウザ（IEなど）と互換性がある必要がある場合、この方法は適用できず、他の手段を考慮する必要があります。

二重層ループによる重複の手動フィルタリング

Setをサポートしていない環(huán)境の場合、従來のダブルループ法を使用してそれを推測することができます。基本的なアイデアは、元の配列を通過し、現(xiàn)在のアイテムが毎回新しい配列に既に存在するかどうかを確認(rèn)することです。

 const arr = [1、2、2、3、4、4、5];
一意に= [];

for（i = 0; i <arr.length; i）{
  if（！siquir.includes（arr [i]））{
    siquir.push（arr [i]）;
  }
}

この方法はSetほど効率的ではありませんが、古いプロジェクトや教育シナリオでは非常に実用的です。 includes()メソッドは'1'や1のケースに敏感で、タイプに敏感であることに注意してください。

フィルターとインデックスを使用して、最初の表示要素をフィルタリングします

別の賢い方法は、 filterとindexOfを組み合わせることです。

 const arr = [1、2、2、3、4、4、5];
const sinque = arr.filter（（value、index、self）=> self.indexof（value）=== index）;

このコード行は、「最初の外観」が保持される要素のみを意味します。 indexOf(value)常に最初の一致の位置を返すため、現(xiàn)在の位置が初めて表示されない場合、除外されます。

• ?利點(diǎn)：追加の変數(shù)は必要ありません。
• disアドバンテージ：特に大きなアレイの場合、パフォーマンスは平均です。

要約しましょう

• 互換性を考慮する必要がない場合は、最初にSetを使用してください。
• 古い環(huán)境と互換性がなければならない場合は、ダブルループまたはfilter indexOfを試すことができます。
• オブジェクト配列などの複雑な構(gòu)造の場合、これらの方法は適用されず、追加の処理が必要です。

基本的にこれらは方法です。選択したものは、プロジェクト環(huán)境と特定のニーズに依存しますが、それらはすべて「ユニークな価値を取る」という一般的な問題を解決します。

以上がJavaScriptの配列から一意の値を取得する方法の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。