Rumah > hujung hadapan web > tutorial js > Apakah Set dalam JS?

Apakah Set dalam JS?

WBOY
Lepaskan: 2024-07-19 12:03:18
asal
370 orang telah melayarinya

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}
Salin selepas log masuk

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"}
Salin selepas log masuk

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"}
Salin selepas log masuk

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"}
Salin selepas log masuk

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
Salin selepas log masuk

Mengeluarkan Ahli

Seseorang memutuskan untuk meninggalkan parti lebih awal? Tiada masalah!

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

Membersihkan Set

Majlis sudah tamat! Masa untuk membersihkan semua orang.

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

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
}
Salin selepas log masuk

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}
Salin selepas log masuk

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!

sumber:dev.to
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan