Javascriptの新しいセット

Michael Zippo

JavaScriptでセットを使用する方法

一意の値のみを含む必要があるデータのリストはありますか？これは、JavaScriptSetデータ型が本当に優れているところです。これは、一意の値のコレクションを作成できる新しいタイプのオブジェクトです。セット内での重複は許可されていません。

このガイドでは、セットとは何か、どのように機能するか、いつ役立つかについて説明します。 JavaScriptで使用可能な各Setメソッドの例をいくつか示します。

セットとは何ですか？

セットは、重複を含めることができない値のコレクションです。このデータ型はECMAScript6で導入されました。特に、セットは他の多くのプログラミング言語の機能です。

リストを使用すると、複数の値を格納できるので便利です。リストは重複値の保存をサポートしており、これは無数のシナリオで役立ちます。

たとえば、喫茶店の注文のリストをアーカイブする場合は、重複値を保存できる必要があります。。 2人の顧客が同じ飲み物を注文できます。

場合によっては、一意の値のみをリストに保存したいことがあります。これは、Setオブジェクトを使用する場所です。セット内の値は1回だけ表示できます。

JavaScriptでは、セットは他のオブジェクトと同様に宣言されます。地元の喫茶店で顧客から報告されたお気に入りのケーキのリストを保存するセットを作成しましょう。

コードは次を返します： Set []。セットを作成しました。コードの出力からわかるように、現時点では価値がありません。後で追加します。

デフォルトの設定値を開始します。 / h2>
セットは、配列、文字列、またはその他の反復可能なものから初期化できます。これは、セットに手動で値を追加する必要がないことを意味するため、便利です。既存のものから作業できます。

次のリストを検討してください：

これらの値は現在保存されていますそれらをSetに変換するために、新しいSetオブジェクトを作成するときに配列を渡すことができます：

コードは次を返します：

セットに値を追加する

Ensemblオブジェクトeには、アイテムを簡単に追加できる add（）というメソッドが付属しています。 sをセットに。セットに要素を追加するために使用されるメソッドの名前は、覚えやすいです。 add（）。

「ボストンクリームパイ」を追加するとします。「地元のパン屋で販売されているケーキのリストに。 add（）メソッドを使用して、この値を追加します。

コードは次のようになります：

セットに4つのオブジェクトが含まれるようになりました。すでにセットに含まれているオブジェクトを追加しようとしても、そのオブジェクトは追加されません。セットは重複する値を保存できません。

セットに値が存在するかどうかを確認してください

「ボストンクリームパイ」がケーキリストに含まれているかどうかを確認する必要があります。これはケーキリストに新しく追加されたものであり、パン屋は追加したことを確認したいと考えています。

ここで、 has（）メソッドが使用されます。 has（）メソッドを使用すると、Setが特定の値を持っているかどうかを確認できます。繰り返しになりますが、このメソッドには覚えやすい名前が付いています！

次のコードを検討してください。

コードはtrueを返します。 has（）メソッドは、セットに特定の値が含まれているかどうかに応じて、trueまたはfalseのブール値を返します。このメソッドは、配列で使用する include（）に似ていますが、 has（）はSetsでのみ機能します。

セットから値を削除する

パン屋は、ストロベリーチーズケーキをパン屋で提供しないことを決定しました。ストロベリーチーズケーキは他のケーキよりも時間がかかり、あまり人気がありませんでした。

適切なdelete（）メソッドを使用してセットから値を削除できます。削除しましょうセットの「StrawberryCheesecake」の値：

コードは次を返します：

ストロベリーチーズケーキはセットから削除されました。

からすべての値を削除できます clear（）メソッドを使用するセット。

セットを反復処理する

リストなどのセットは、反復可能なオブジェクトです。あなたはそれが何を意味するかを知っています-あなたはそれらを閲覧することができます。

for-eachループを使用して、ケーキセットを循環します。 for-eachループは、リスト内のすべてのアイテム（リスト内のすべてのアイテム）を調べて、コンソールに出力します。

コードは、Setの各値をコンソールに出力するイテレーターを返します。< / p>

forループを使用してセットを参照することもできますが、セットは反復可能またはゲッティであるため、 for-eachまたはfor-ofループを使用します。

重複する値の削除自動的に削除されます。これは非常に便利な機能です。

ケーキの注文が多数含まれているリストがあるとします。

このセットには、パン屋で行われたすべてのケーキの注文が含まれています。合計で8つの値があります。 2つの値が重複しています。

パン屋が注文したパイの種類を知りたいので、自分のキッチンで料理を始めることができます。セットをリストに変換する：

コードは次を返します：

リストが6つの値に減りました。これらはすべて、注文リストにある一意の値です。残りのステップが1つあります。

標準のリストを使用して操作できるように、ケーキセットをリストに戻す必要があります。メソッド。 n次に、 Array.from（）メソッドを使用してこれを行います。

コードは次を返します：

このコードの出力はセットに似ていますが、大きな違いの1つは、データが配列として保存されるようになったことです。これは、組み込みのJavaScript配列メソッドをすべて使用して操作できることを意味します。

結論

Setオブジェクトを使用すると、単一のオブジェクトのみを含むことができるアイテムのリストを格納できます。大切なアイテム。セットは、リストや文字列などの既存の反復可能なオブジェクトから初期化できます。

Setオブジェクトは重複する値を削除するため、配列から重複を削除する方法として使用できます。次に、終了したら、セットをテーブルに戻すことができます。

これで、プロのようにJavaScriptでセットを使用できるようになりました。

Javascriptの新しいセット

JavaScriptでセットを使用する方法

セットとは何ですか？

セットに値を追加する

セットに値が存在するかどうかを確認してください

セットから値を削除する

セットを反復処理する

結論