ホームページ > 記事 > ウェブフロントエンド > JSのセットとは何ですか?
セットは一意の値のコレクションです。配列とは異なり、セットには重複した要素を含めることはできません。
Set の基本操作
新しい Set() コンストラクターを使用して新しいセットを作成できます。例:
const uniqueNumbers = new Set([1, 2, 3, 3, 4]); console.log(uniqueNumbers); // Output: Set(4) {1, 2, 3, 4}
例 1: 重複したパーティークラッシャー
あなたがパーティーを開いており、ユニークなゲストだけが必要だと想像してください。しかし、中には二度忍び込もうとするゲストもいます!
const partyGuests = new Set(); partyGuests.add('Alice'); partyGuests.add('Bob'); partyGuests.add('Alice'); // Alice tries to sneak in again! console.log(partyGuests); // Output: Set(2) {"Alice", "Bob"}
ここで、アリスは 2 回忍び込もうとしましたが、セットは彼女を 1 回しか入れません。
例 2: マジック ハット トリック
あなたはユニークなアイテムだけを保管できる魔法の帽子を持っています。同じアイテムを 2 回入れようとしても、入れられません!
const magicHat = new Set(); magicHat.add('Rabbit'); magicHat.add('Dove'); magicHat.add('Rabbit'); // Another Rabbit tries to jump in! console.log(magicHat); // Output: Set(2) {"Rabbit", "Dove"}
2 番目のウサギが飛び込もうとしたにもかかわらず、魔法の帽子にはウサギとハトが 1 匹しか入っていません。
例 3: ユニークな本の図書館
あなたは、それぞれの本がユニークである必要がある図書館を運営しています。誰かがあなたがすでに持っている本を寄付しようとした場合は、丁重にお断りします。
const library = new Set(['1984', 'Brave New World', '1984']); // 1984 is already in the library! console.log(library); // Output: Set(2) {"1984", "Brave New World"}
あなたの図書館は、各書籍を 1 部のみ保管することで独自性を維持します。
特定のゲストがすでにパーティーに参加しているかどうか知りたいですか?
console.log(partyGuests.has('Alice')); // true console.log(partyGuests.has('Charlie')); // false
誰かがパーティーを早退することにしましたか?問題ありません!
partyGuests.delete('Bob'); console.log(partyGuests); // Output: Set(1) {"Alice"}
パーティーは終わりました!全員を排除する時間です。
partyGuests.clear(); console.log(partyGuests); // Output: Set(0) {}
配列と同じように、セットを反復処理できます。
const animals = new Set(['Cat', 'Dog', 'Bird']); for (const animal of animals) { console.log(animal); // Output: // Cat // Dog // Bird }
セットを配列に変換したり、その逆を行うことができます。
const numberSet = new Set([1, 2, 3]); const numberArray = [...numberSet]; // [1, 2, 3] const arrayToSet = new Set(numberArray); // Set(3) {1, 2, 3}
セットは、一意のアイテムのコレクションを保存する必要があり、手動でチェックせずに重複を避けたい場合に特に便利です。
セットを使用すると、パーティーのゲストリスト、魔法の帽子の中のアイテム、図書館の本など、コレクションをユニークかつ効率的に保つことができます。
以上がJSのセットとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。