ホームページ  >  記事  >  ウェブフロントエンド  >  JSのセットとは何ですか?

JSのセットとは何ですか?

WBOY
WBOYオリジナル
2024-07-19 12:03:18348ブラウズ

What is a Set in 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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。