Rumah  >  Artikel  >  hujung hadapan web  >  Apakah Set dalam JS?

Apakah Set dalam JS?

WBOY
WBOYasal
2024-07-19 12:03:18324semak imbas

What is a Set in JS?

Set ialah koleksi nilai unik. Tidak seperti tatasusunan, set tidak boleh mempunyai unsur pendua.

Operasi Asas dengan Set

Mencipta Set

Anda boleh mencipta Set baharu menggunakan pembina Set() baharu. Contohnya:

const uniqueNumbers = new Set([1, 2, 3, 3, 4]);
console.log(uniqueNumbers); // Output: Set(4) {1, 2, 3, 4}

Contoh Lucu-Serius

Contoh 1: The Duplicate Party Crashers
Bayangkan anda mengadakan parti dan anda hanya mahukan tetamu unik. Tetapi sesetengah tetamu cuba menyelinap masuk dua kali!

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"}

Di sini, Alice cuba menyelinap masuk dua kali, tetapi Set hanya membenarkan dia masuk sekali.

Contoh 2: Trik Topi Ajaib
Anda mempunyai topi ajaib yang hanya membenarkan item unik disimpan. Jika anda cuba meletakkan item yang sama dua kali, ia tidak akan memilikinya!

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"}

Topi ajaib hanya mengandungi satu arnab dan seekor burung merpati, walaupun arnab kedua cuba melompat masuk.

Contoh 3: Perpustakaan Buku Unik
Anda menjalankan perpustakaan di mana setiap buku mestilah unik. Jika seseorang cuba menderma buku yang sudah anda miliki, anda menolak dengan sopan.

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"}

Perpustakaan anda mengekalkan keunikannya dengan hanya menyimpan satu salinan setiap buku.

Kaedah Berguna

Menyemak Ahli

Ingin tahu sama ada tetamu tertentu sudah berada di majlis itu?

console.log(partyGuests.has('Alice')); // true
console.log(partyGuests.has('Charlie')); // false

Mengeluarkan Ahli

Seseorang memutuskan untuk meninggalkan parti lebih awal? Tiada masalah!

partyGuests.delete('Bob');
console.log(partyGuests); // Output: Set(1) {"Alice"}

Membersihkan Set

Majlis sudah tamat! Masa untuk membersihkan semua orang.

partyGuests.clear();
console.log(partyGuests); // Output: Set(0) {}

Mengulang Satu Set

Sama seperti tatasusunan, anda boleh mengulangi set.

const animals = new Set(['Cat', 'Dog', 'Bird']);

for (const animal of animals) {
  console.log(animal); 
  // Output:
  // Cat
  // Dog
  // Bird
}

Menukar Antara Set dan Tatasusunan

Anda boleh menukar set kepada tatasusunan dan sebaliknya.

const numberSet = new Set([1, 2, 3]);
const numberArray = [...numberSet]; // [1, 2, 3]

const arrayToSet = new Set(numberArray); // Set(3) {1, 2, 3}

Mengapa Menggunakan Set?

Set amat berguna apabila anda perlu menyimpan koleksi item unik dan anda ingin mengelakkan pendua tanpa perlu menyemaknya secara manual.

Ringkasan

  • Nilai Unik: Tetapkan menyimpan nilai unik sahaja.
  • Operasi Asas: Anda boleh menambah, memadam dan menyemak nilai dalam satu set.
  • Lelaran: Anda boleh lelaran ke atas nilai dalam set.
  • Penukaran: Tukar antara set dan tatasusunan dengan mudah.

Dengan menggunakan set, anda memastikan koleksi anda kekal unik dan cekap, sama ada senarai tetamu untuk parti, item dalam topi ajaib atau buku di perpustakaan!

Atas ialah kandungan terperinci Apakah Set dalam JS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:Komponen ExpandableTeksArtikel seterusnya:Komponen ExpandableTeks