Apa yang Baharu dalam JavaScript: Meneroka Kaedah Set untuk Membandingkan Objek seperti Set

Kemas kini terbaharu untuk objek Set JavaScript memperkenalkan fungsi baharu yang berkuasa untuk membandingkan objek koleksi dengan cekap. Kaedah ini meningkatkan kefungsian Set objek untuk mengendalikan kes penggunaan biasa seperti persilangan, kesatuan dan perbezaan. Artikel ini meneroka kaedah baharu ini, dengan contoh dan rajah untuk menunjukkan kegunaannya.

---

Pengenalan kepada kaedah Set baharu

Kaedah baharu berikut telah ditambahkan pada prototaip Set:

• Set.prototype.intersection()
• Set.prototype.union()
• Set.prototype.difference()
• Set.prototype.isSubsetOf()
• Set.prototype.isSupersetOf()
• Set.prototype.symmetricDifference()
• Set.prototype.isDisjointFrom()

Kaedah ini memudahkan operasi set yang kompleks, menjadikan kod lebih mudah dibaca dan lebih mudah diselenggara.

---

Contoh operasi set

Mari kita lihat dengan lebih mendalam setiap kaedah baharu dengan contoh.

1. Persimpangan

Kaedah

intersection() mengembalikan Set baharu yang mengandungi elemen biasa kepada kedua-dua set.

<code class="language-javascript">const setA = new Set([1, 2, 3, 4]);
const setB = new Set([3, 4, 5, 6]);

const intersectionSet = setA.intersection(setB);
console.log(intersectionSet); // 输出：Set { 3, 4 }</code>

Visualisasi

集合 A	集合 B	交集
1, 2, 3, 4	3, 4, 5, 6	3, 4

---

2. Kesatuan

Kaedah

union() menggabungkan elemen daripada dua koleksi dan mengalih keluar pendua.

<code class="language-javascript">const unionSet = setA.union(setB);
console.log(unionSet); // 输出：Set { 1, 2, 3, 4, 5, 6 }</code>

Visualisasi

集合 A	集合 B	并集
1, 2, 3, 4	3, 4, 5, 6	1, 2, 3, 4, 5, 6

---

3. Perbezaan

Kaedah

difference() mengembalikan Set baharu yang mengandungi elemen yang terdapat dalam set pertama tetapi tidak dalam set kedua.

<code class="language-javascript">const differenceSet = setA.difference(setB);
console.log(differenceSet); // 输出：Set { 1, 2 }</code>

Visualisasi

集合 A	集合 B	差集 (A - B)
1, 2, 3, 4	3, 4, 5, 6	1, 2

---

4. Subset dan Superset (Subset dan Superset)

isSubsetOf()

Menyemak sama ada semua elemen set terkandung dalam set lain.

<code class="language-javascript">const setA = new Set([1, 2, 3, 4]);
const setB = new Set([3, 4, 5, 6]);

const intersectionSet = setA.intersection(setB);
console.log(intersectionSet); // 输出：Set { 3, 4 }</code>

isSupersetOf()

Menyemak sama ada set mengandungi semua elemen set lain.

<code class="language-javascript">const unionSet = setA.union(setB);
console.log(unionSet); // 输出：Set { 1, 2, 3, 4, 5, 6 }</code>

---

5. Perbezaan Simetri

Kaedah

symmetricDifference() mengembalikan elemen yang terdapat dalam mana-mana koleksi tetapi tidak dalam kedua-dua koleksi.

<code class="language-javascript">const differenceSet = setA.difference(setB);
console.log(differenceSet); // 输出：Set { 1, 2 }</code>

Visualisasi

集合 A	集合 B	对称差集
1, 2, 3, 4	3, 4, 5, 6	1, 2, 5, 6

---

6. Cek Terpisah

Kaedah

isDisjointFrom() menyemak sama ada dua koleksi tidak mempunyai unsur biasa. Jika set tidak bersilang (iaitu persimpangan mereka kosong), maka true dikembalikan, jika tidak false dikembalikan.

Contoh:

<code class="language-javascript">console.log(new Set([1, 2]).isSubsetOf(setA)); // 输出：true</code>

Penerangan:

• setA dan setB tidak mempunyai elemen bertindih, jadi mereka tidak bersilang.
• setA dan setC berkongsi elemen 3, jadi ia tidakberpecah.

Visualisasi

集合 A	集合 B	是否不相交？
1, 2, 3	4, 5, 6	✅ 是
1, 2, 3	3, 4, 5	❌ 否

---

Ringkasan kaedah baharu

Untuk meringkaskan, berikut ialah kaedah Set baharu yang ditambahkan pada JavaScript dan kegunaannya:

• persimpangan(): Cari elemen biasa dua koleksi.
• union(): Menggabungkan semua elemen unik daripada dua koleksi.
• perbezaan(): Mengembalikan elemen yang wujud dalam set pertama tetapi tidak dalam set kedua.
• symmetricDifference(): Cari elemen yang wujud dalam mana-mana set tetapi tidak dalam kedua-dua set.
• isSubsetOf(): Menyemak sama ada set ialah subset set lain.
• isSupersetOf(): Menyemak sama ada set ialah superset set lain.
• isDisjointFrom(): Menyemak sama ada dua koleksi tidak mempunyai sebarang unsur biasa.

---

Kelebihan kaedah ini

1. Peningkatan kebolehbacaan: Operasi biasa yang dipermudahkan berbanding menggunakan gelung manual atau logik tersuai.
2. Kecekapan kod: Pelaksanaan operasi set yang dioptimumkan untuk memastikan prestasi yang lebih baik.
3. Kemudahan penggunaan: API bersatu dan intuitif untuk membandingkan dan memanipulasi objek koleksi.

---

Aplikasi Praktikal

Kaedah ini boleh digunakan dalam pelbagai senario, seperti:

• Tapis set data dalam aplikasi.
• Kenal pasti keutamaan atau pengecualian biasa dalam sistem pengesyoran.
• Bandingkan kebenaran antara peranan pengguna.

---

Kesimpulan

Menambah kaedah baharu ini pada objek Set ialah peningkatan besar yang menjadikan JavaScript sebagai bahasa manipulasi data yang lebih berkuasa. Sama ada anda bekerja dengan koleksi ringkas atau menjalankan operasi yang kompleks, kaedah ini boleh memperkemas aliran kerja anda dan meningkatkan pengalaman pembangun.

Apakah pendapat anda tentang kemas kini ini? Pernahkah anda menggunakannya dalam projek anda? Kongsi pendapat anda! ?

Atas ialah kandungan terperinci Apa yang Baharu dalam JavaScript: Meneroka Kaedah Set untuk Membandingkan Objek seperti Set. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!