Pada artikel ini, kita akan membahas objek Set yang disediakan oleh ES6. Himpunan adalah kumpulan barang-barang yang unik i. e tidak ada elemen yang dapat diulang. Set di ES6 dipesan. elemen himpunan dapat diulang dalam urutan penyisipan. Set dapat menyimpan semua jenis nilai apakah primitif atau objek
Sintaksis.
new Set([it]);Parameter.
- dia. Ini adalah objek iterable yang semua elemennya ditambahkan ke set baru yang dibuat, Jika parameter tidak ditentukan atau nol diteruskan maka set baru yang dibuat kosong
Pengembalian. Objek set baru
Contoh.
Javascript
Set(5) {10, 20, 30, 40, 50}_1
Set(5) {10, 20, 30, 40, 50}_2
Set(5) {10, 20, 30, 40, 50}3 Set(5) {10, 20, 30, 40, 50}4Set(5) {10, 20, 30, 40, 50}5 ________1______6Set(5) {10, 20, 30, 40, 50}7Set(5) {10, 20, 30, 40, 50}8Set(5) {10, 20, 30, 40, 50}7Set(5) {10, 20, 30, 40, 50}8set1.delete(val);1Set(5) {10, 20, 30, 40, 50}8_________11______3_______1____1__1_______5
set1.delete(val);_7
set1.delete(val);_8
Set(5) {10, 20, 30, 40, 50}3 true Set(4) {'f', 'o', 'd', 'i'} false0Set(5) {10, 20, 30, 40, 50}5 true Set(4) {'f', 'o', 'd', 'i'} false2true Set(4) {'f', 'o', 'd', 'i'} false3true Set(4) {'f', 'o', 'd', 'i'} false4
set1.delete(val);_7
true Set(4) {'f', 'o', 'd', 'i'} false6
Set(5) {10, 20, 30, 40, 50}3 true Set(4) {'f', 'o', 'd', 'i'} false8Set(5) {10, 20, 30, 40, 50}5 set1.clear();0
set1.delete(val);_7
set1.delete(val);7set1.clear();3
Set(5) {10, 20, 30, 40, 50}3 set1.clear();5Set(5) {10, 20, 30, 40, 50}5 set1.clear();7
Properti.
Mengatur. size – Mengembalikan jumlah elemen dalam Set
Metode Set.
Mengatur. add() – Menambahkan elemen baru dengan nilai tertentu di akhir objek Set
Sintaksis.
set1.add(val);Parameter
- val. Ini adalah nilai yang akan ditambahkan ke set
Nilai pengembalian. Objek yang ditetapkan
Contoh.
Javascript
Set(5) {10, 20, 30, 40, 50}3 Set(5) {10, 20, 30, 40, 50}4Set(5) {10, 20, 30, 40, 50}5 set1.clear();7
set1.delete(val);_7
Set(5) {10, 20, 30, 40, 50} Set(0) {size: 0}_3
Set(5) {10, 20, 30, 40, 50} Set(0) {size: 0}_4
set1.delete(val);_7
Set(5) {10, 20, 30, 40, 50} Set(0) {size: 0}_6
Set(5) {10, 20, 30, 40, 50} Set(0) {size: 0}_7
Set(5) {10, 20, 30, 40, 50} Set(0) {size: 0}_8
Set(5) {10, 20, 30, 40, 50} Set(0) {size: 0}_9
set1.delete(val);_7
set1.entries();_1
Keluaran
Set(5) {10, 20, 30, 40, 50}_Mengatur. delete() – Ini menghapus elemen dengan nilai yang ditentukan dari objek Set.
Sintaksis.
set1.delete(val);Parameter
- val. Ini adalah nilai yang akan dihapus dari himpunan
Nilai pengembalian. benar jika nilainya berhasil dihapus dari set yang lain mengembalikan salah
Contoh.
Javascript
Set(5) {10, 20, 30, 40, 50}3 Set(5) {10, 20, 30, 40, 50}4Set(5) {10, 20, 30, 40, 50}5 true Set(4) {'f', 'o', 'd', 'i'} false2set1.entries();6true Set(4) {'f', 'o', 'd', 'i'} false4
set1.delete(val);_7
set1.entries();_9
(2) [50, 50] (2) [30, 30] (2) [40, 40]0
________63______1(2) [50, 50] (2) [30, 30] (2) [40, 40]2(2) [50, 50] (2) [30, 30] (2) [40, 40]3(2) [50, 50] (2) [30, 30] (2) [40, 40]4(2) [50, 50] (2) [30, 30] (2) [40, 40]5
set1.delete(val);_7
set1.entries();_1
set1.delete(val);_7
(2) [50, 50] (2) [30, 30] (2) [40, 40]_9
set1.has(val);_0
set1.has(val);_1
________63______1(2) [50, 50] (2) [30, 30] (2) [40, 40]2(2) [50, 50] (2) [30, 30] (2) [40, 40]3set1.has(val);5(2) [50, 50] (2) [30, 30] (2) [40, 40]5
Keluaran
true Set(4) {'f', 'o', 'd', 'i'} falseMengatur. clear() – Ini menghapus semua elemen dari set.
Sintaksis.
set1.clear();Parameter. Metode ini tidak mengambil parameter apapun
Nilai pengembalian. Belum diartikan
Contoh.
Javascript
Set(5) {10, 20, 30, 40, 50}3 true Set(4) {'f', 'o', 'd', 'i'} false0Set(5) {10, 20, 30, 40, 50}5 set1.add(val);00
set1.delete(val);_7
set1.add(val);_02
set1.delete(val);_7
set1.add(val);_04
set1.delete(val);_7
set1.add(val);_02
Keluaran
Set(5) {10, 20, 30, 40, 50} Set(0) {size: 0}Mengatur. entri() – Mengembalikan objek iterator yang berisi larik yang memiliki entri set, dalam urutan penyisipan.
Sintaksis
set1.entries();Parameter. Metode ini tidak mengambil parameter apapun
Nilai pengembalian. Ini mengembalikan objek iterator yang berisi larik [nilai, nilai] untuk setiap elemen himpunan, dalam urutan penyisipan.
Contoh
Javascript
Set(5) {10, 20, 30, 40, 50}3 Set(5) {10, 20, 30, 40, 50}4Set(5) {10, 20, 30, 40, 50}5 set1.clear();7
set1.delete(val);_7
set1.add(val);_12
set1.add(val);_13
set1.add(val);_14
Set(5) {10, 20, 30, 40, 50} Set(0) {size: 0}_4
Set(5) {10, 20, 30, 40, 50} Set(0) {size: 0}_3
set1.delete(val);_7
set1.add(val);_18
Set(5) {10, 20, 30, 40, 50}3 set1.add(val);20
set1.delete(val);_7
set1.add(val);_22
set1.add(val);_23
set1.delete(val);_7
set1.add(val);_23
set1.delete(val);_7
set1.add(val);_23
Keluaran
(2) [50, 50] (2) [30, 30] (2) [40, 40]Mengatur. has() – Mengembalikan true jika nilai yang ditentukan ada di objek Set.
Sintaksis.
set1.has(val);Parameter.
- val. Nilai yang akan dicari di Set
Nilai pengembalian. Benar jika nilainya ada selain itu mengembalikan salah
Contoh.
Javascript
Set(5) {10, 20, 30, 40, 50}3 Set(5) {10, 20, 30, 40, 50}4Set(5) {10, 20, 30, 40, 50}5 set1.clear();7
set1.delete(val);_7
set1.add(val);_33
set1.add(val);_12
set1.add(val);_13
set1.add(val);_36
set1.add(val);_37
set1.delete(val);_7
set1.add(val);_39
Keluaran
set1.add(val);0Mengatur. values() – Mengembalikan semua nilai dari Set dalam urutan penyisipan yang sama.
Sintaksis.
set1.add(val);1Parameter. Metode ini tidak mengambil parameter apapun
Nilai pengembalian. Objek iterator yang berisi semua nilai himpunan dalam urutan yang sama saat disisipkan.
Mengatur. kunci(). Itu juga mengembalikan semua nilai dari Set dalam urutan penyisipan.
Catatan. Ini mirip dengan values() dalam kasus Sets
Sintaksis.
set1.add(val);2Parameter. Metode ini tidak mengambil parameter apapun
Pengembalian. Objek iterator yang berisi semua nilai himpunan dalam urutan yang sama saat disisipkan.
Contoh.
Javascript
Set(5) {10, 20, 30, 40, 50}3 Set(5) {10, 20, 30, 40, 50}4Set(5) {10, 20, 30, 40, 50}5 set1.clear();7
set1.delete(val);_7
set1.add(val);_33
set1.add(val);_12
set1.add(val);_13
set1.add(val);_14
set1.add(val);49set1.add(val);50true Set(4) {'f', 'o', 'd', 'i'} false4
set1.add(val);49set1.add(val);53true Set(4) {'f', 'o', 'd', 'i'} false4
set1.delete(val);_7
set1.add(val);_56
Set(5) {10, 20, 30, 40, 50}3 set1.add(val);58
set1.delete(val);_7
set1.add(val);60
set1.delete(val);_7
Set(5) {10, 20, 30, 40, 50}3 set1.add(val);63
set1.delete(val);_7
set1.add(val);_65
Keluaran
Mengatur. untuk setiap(). Itu mengeksekusi fungsi yang diberikan sekali untuk setiap elemen di Set, dalam urutan penyisipan.
Sintaksis.
set1.add(val);4Parameter
- callback – Ini adalah fungsi yang akan dieksekusi untuk setiap elemen Set
- Fungsi panggilan balik disediakan dengan tiga parameter sebagai berikut.
- kunci elemen
- nilai elemen
- Atur objek yang akan dilalui
- Fungsi panggilan balik disediakan dengan tiga parameter sebagai berikut.
- thisargument – Nilai yang akan digunakan sebagai ini saat menjalankan callback
Nilai pengembalian. Belum diartikan
Mengatur. prototipe[@@iterator](). Ini mengembalikan fungsi Set iterator yang merupakan fungsi values() secara default.
Sintaksis.
set1.add(val);5Parameter. Metode ini tidak mengambil parameter apapun
Nilai pengembalian. Fungsi Set iterator dan itu adalah values() secara default
Contoh.
Javascript
Set(5) {10, 20, 30, 40, 50}3 Set(5) {10, 20, 30, 40, 50}4Set(5) {10, 20, 30, 40, 50}5 Set(5) {10, 20, 30, 40, 50}6Set(5) {10, 20, 30, 40, 50}7Set(5) {10, 20, 30, 40, 50}8Set(5) {10, 20, 30, 40, 50}7Set(5) {10, 20, 30, 40, 50}8set1.delete(val);1Set(5) {10, 20, 30, 40, 50}8________11______5________11______6
set1.delete(val);_7
Set(5) {10, 20, 30, 40, 50}3 set1.add(val);80
set1.delete(val);_7
set1.add(val);_82
set1.delete(val);_7
set1.add(val);_82
set1.delete(val);_7
set1.add(val);_82
set1.delete(val);_7
set1.add(val);_82
Keluaran
set1.add(val);6Tetapkan Operasi.
JavaScript subSet() Metode. Mengembalikan nilai true jika Set A adalah subset dari Set B. Himpunan A dikatakan subhimpunan dari Himpunan B, jika semua anggota Himpunan A juga ada pada Himpunan B. Sekarang mari kita terapkan dan gunakan fungsi subset.
Contoh.
Javascript
set1.add(val);89set1.add(val);90set1.add(val);91
set1.add(val);_92
set1.add(val);93set1.add(val);94
set1.add(val);93set1.add(val);96
set1.add(val);93set1.add(val);98
set1.add(val);93Set(5) {10, 20, 30, 40, 50}00(2) [50, 50] (2) [30, 30] (2) [40, 40]3Set(5) {10, 20, 30, 40, 50}02Set(5) {10, 20, 30, 40, 50}03
Set(5) {10, 20, 30, 40, 50}_04Set(5) {10, 20, 30, 40, 50}05 Set(5) {10, 20, 30, 40, 50}06Set(5) {10, 20, 30, 40, 50}07
set1.add(val);93Set(5) {10, 20, 30, 40, 50}09
set1.add(val);93set1.add(val);92
Set(5) {10, 20, 30, 40, 50}_04Set(5) {10, 20, 30, 40, 50}13(2) [50, 50] (2) [30, 30] (2) [40, 40]3Set(5) {10, 20, 30, 40, 50}3 Set(5) {10, 20, 30, 40, 50}16Set(5) {10, 20, 30, 40, 50}02Set(5) {10, 20, 30, 40, 50}18
Set(5) {10, 20, 30, 40, 50}_04set1.add(val);92
Set(5) {10, 20, 30, 40, 50}21Set(5) {10, 20, 30, 40, 50}22
Set(5) {10, 20, 30, 40, 50}21Set(5) {10, 20, 30, 40, 50}24
Set(5) {10, 20, 30, 40, 50}21Set(5) {10, 20, 30, 40, 50}26
Set(5) {10, 20, 30, 40, 50}21Set(5) {10, 20, 30, 40, 50}00Set(5) {10, 20, 30, 40, 50}29
Set(5) {10, 20, 30, 40, 50}30Set(5) {10, 20, 30, 40, 50}05 Set(5) {10, 20, 30, 40, 50}06Set(5) {10, 20, 30, 40, 50}07
Set(5) {10, 20, 30, 40, 50}_04Set(5) {10, 20, 30, 40, 50}35
Set(5) {10, 20, 30, 40, 50}_04Set(5) {10, 20, 30, 40, 50}05 Set(5) {10, 20, 30, 40, 50}38Set(5) {10, 20, 30, 40, 50}07
set1.add(val);93Set(5) {10, 20, 30, 40, 50}35
Set(5) {10, 20, 30, 40, 50}_35
set1.delete(val);_7
Set(5) {10, 20, 30, 40, 50}_44
set1.delete(val);_7
Set(5) {10, 20, 30, 40, 50}_46
Set(5) {10, 20, 30, 40, 50}3 Set(5) {10, 20, 30, 40, 50}48Set(5) {10, 20, 30, 40, 50}5 Set(5) {10, 20, 30, 40, 50}50
Set(5) {10, 20, 30, 40, 50}3 Set(5) {10, 20, 30, 40, 50}52Set(5) {10, 20, 30, 40, 50}5 Set(5) {10, 20, 30, 40, 50}54
Set(5) {10, 20, 30, 40, 50}3 Set(5) {10, 20, 30, 40, 50}56Set(5) {10, 20, 30, 40, 50}5 Set(5) {10, 20, 30, 40, 50}58
set1.delete(val);_7
Set(5) {10, 20, 30, 40, 50}_60
Set(5) {10, 20, 30, 40, 50}_61
set1.delete(val);_7
set1.has(val);_1
Set(5) {10, 20, 30, 40, 50}_64
set1.delete(val);_7
Set(5) {10, 20, 30, 40, 50}_60
Set(5) {10, 20, 30, 40, 50}_67
Keluaran
set1.add(val);7Serikat JavaScript () Metode. Ini mengembalikan Set yang terdiri dari gabungan Set A dan Set B. Suatu Himpunan dikatakan gabungan dari dua himpunan, jika mengandung semua elemen Himpunan A serta semua elemen Himpunan B, tetapi tidak mengandung elemen duplikat.
Jika suatu elemen ada di Set A dan Set B, maka gabungan Set A dan B akan berisi satu salinan elemen. Mari terapkan dan gunakan fungsi gabungan
Contoh.
Javascript
Set(5) {10, 20, 30, 40, 50}_68set1.add(val);90set1.add(val);91
set1.add(val);_92
set1.add(val);93Set(5) {10, 20, 30, 40, 50}73
set1.add(val);93Set(5) {10, 20, 30, 40, 50}3 Set(5) {10, 20, 30, 40, 50}76Set(5) {10, 20, 30, 40, 50}5 ________30______7
set1.delete(val);_7
set1.add(val);93Set(5) {10, 20, 30, 40, 50}81
set1.add(val);93Set(5) {10, 20, 30, 40, 50}83
set1.add(val);93Set(5) {10, 20, 30, 40, 50}13 (2) [50, 50] (2) [30, 30] (2) [40, 40]3Set(5) {10, 20, 30, 40, 50}3 Set(5) {10, 20, 30, 40, 50}16Set(5) {10, 20, 30, 40, 50}02Set(5) {10, 20, 30, 40, 50}18
set1.add(val);93set1.add(val);92
Set(5) {10, 20, 30, 40, 50}_04Set(5) {10, 20, 30, 40, 50}94
set1.add(val);93Set(5) {10, 20, 30, 40, 50}35
set1.delete(val);_7
set1.add(val);93Set(5) {10, 20, 30, 40, 50}99
set1.add(val);93set1.delete(val);01
set1.add(val);93Set(5) {10, 20, 30, 40, 50}13(2) [50, 50] (2) [30, 30] (2) [40, 40]3Set(5) {10, 20, 30, 40, 50}3 ________11______06
Set(5) {10, 20, 30, 40, 50}_04Set(5) {10, 20, 30, 40, 50}94
set1.delete(val);_7
set1.add(val);93set1.delete(val);11
set1.add(val);93Set(5) {10, 20, 30, 40, 50}05 set1.delete(val);14
Set(5) {10, 20, 30, 40, 50}_35
set1.delete(val);_7
set1.delete(val);_17
set1.delete(val);_18
Set(5) {10, 20, 30, 40, 50}3 Set(5) {10, 20, 30, 40, 50}4Set(5) {10, 20, 30, 40, 50}5 set1.add(val);00
Set(5) {10, 20, 30, 40, 50}3 true Set(4) {'f', 'o', 'd', 'i'} false0Set(5) {10, 20, 30, 40, 50}5 set1.delete(val);26
set1.delete(val);_7
set1.delete(val);_28
set1.delete(val);_29
set1.delete(val);_30
Set(5) {10, 20, 30, 40, 50}3 set1.delete(val);32
set1.delete(val);_7
set1.delete(val);_34
Keluaran
set1.add(val);8Persimpangan JavaScript () Metode. Ini mengembalikan persimpangan Set A dan Set B. Sebuah Himpunan dikatakan sebagai irisan dari Himpunan A dan B jika mengandung elemen yang ada di Himpunan A dan Himpunan B. Mari terapkan dan gunakan fungsi persimpangan
Contoh.
Javascript
set1.delete(val);_35set1.add(val);90set1.add(val);91
set1.add(val);_92
set1.add(val);93set1.delete(val);40
set1.add(val);93Set(5) {10, 20, 30, 40, 50}3 set1.delete(val);43Set(5) {10, 20, 30, 40, 50}5 set1.clear();7
set1.delete(val);_7
set1.add(val);93set1.delete(val);48
set1.add(val);93Set(5) {10, 20, 30, 40, 50}13(2) [50, 50] (2) [30, 30] (2) [40, 40]3Set(5) {10, 20, 30, 40, 50}3 ________11______06
set1.add(val);93set1.add(val);92
Set(5) {10, 20, 30, 40, 50}_04set1.delete(val);57
Set(5) {10, 20, 30, 40, 50}_04set1.delete(val);59
Set(5) {10, 20, 30, 40, 50}_04set1.delete(val);61
Set(5) {10, 20, 30, 40, 50}04Set(5) {10, 20, 30, 40, 50}00(2) [50, 50] (2) [30, 30] (2) [40, 40]3Set(5) {10, 20, 30, 40, 50}02set1.delete(val);66
Set(5) {10, 20, 30, 40, 50}21set1.delete(val);68
set1.add(val);93Set(5) {10, 20, 30, 40, 50}35
set1.delete(val);_7
set1.delete(val);_72
Set(5) {10, 20, 30, 40, 50}_05 set1.delete(val);74
Set(5) {10, 20, 30, 40, 50}_35
set1.delete(val);_76
set1.delete(val);_18
Set(5) {10, 20, 30, 40, 50}3 Set(5) {10, 20, 30, 40, 50}4Set(5) {10, 20, 30, 40, 50}5 set1.add(val);00
Set(5) {10, 20, 30, 40, 50}3 true Set(4) {'f', 'o', 'd', 'i'} false0Set(5) {10, 20, 30, 40, 50}5 set1.delete(val);26
set1.delete(val);_7
set1.delete(val);_28
set1.delete(val);_29
set1.delete(val);_89
Set(5) {10, 20, 30, 40, 50}_3 set1.delete(val);91
set1.delete(val);_7
set1.delete(val);_93
Keluaran
set1.add(val);_9Perbedaan JavaScript () Metode. Ini mengembalikan Set yang berisi perbedaan antara Set A dan Set B. Suatu Himpunan dikatakan selisih Himpunan A dan B jika himpunan itu memuat unsur-unsur e yang terdapat pada Himpunan A tetapi tidak terdapat pada Himpunan B. Mari terapkan dan gunakan fungsi perbedaan
Contoh.
Javascript
set1.delete(val);_94set1.add(val);90set1.add(val);91
set1.add(val);_92
set1.add(val);93set1.delete(val);99
________20______00Set(5) {10, 20, 30, 40, 50}3 true Set(4) {'f', 'o', 'd', 'i'} false02Set(5) {10, 20, 30, 40, 50}5 set1.clear();7
set1.delete(val);_7
set1.add(val);93true Set(4) {'f', 'o', 'd', 'i'} false07
set1.add(val);93Set(5) {10, 20, 30, 40, 50}13(2) [50, 50] (2) [30, 30] (2) [40, 40]3Set(5) {10, 20, 30, 40, 50}3 Set(5) {10, 20, 30, 40, 50}16Set(5) {10, 20, 30, 40, 50}02Set(5) {10, 20, 30, 40, 50}18
set1.add(val);93set1.add(val);92
Set(5) {10, 20, 30, 40, 50}_04true Set(4) {'f', 'o', 'd', 'i'} false18
Set(5) {10, 20, 30, 40, 50}_04true Set(4) {'f', 'o', 'd', 'i'} false20
Set(5) {10, 20, 30, 40, 50}_04Set(5) {10, 20, 30, 40, 50}00Set(5) {10, 20, 30, 40, 50}29
Set(5) {10, 20, 30, 40, 50}21true Set(4) {'f', 'o', 'd', 'i'} false25
set1.add(val);93Set(5) {10, 20, 30, 40, 50}35
set1.delete(val);_7
set1.add(val);93________20______30
set1.add(val);93Set(5) {10, 20, 30, 40, 50}05 true Set(4) {'f', 'o', 'd', 'i'} false33
Set(5) {10, 20, 30, 40, 50}_35
set1.delete(val);_7
true Set(4) {'f', 'o', 'd', 'i'} false_36
set1.delete(val);_18
Set(5) {10, 20, 30, 40, 50}3 Set(5) {10, 20, 30, 40, 50}4Set(5) {10, 20, 30, 40, 50}5 set1.add(val);00
Set(5) {10, 20, 30, 40, 50}3 true Set(4) {'f', 'o', 'd', 'i'} false0Set(5) {10, 20, 30, 40, 50}5 set1.delete(val);26
set1.delete(val);_7
set1.delete(val);_28
set1.delete(val);_29
set1.delete(val);_89
Set(5) {10, 20, 30, 40, 50}3 true Set(4) {'f', 'o', 'd', 'i'} false51
set1.delete(val);_7
true Set(4) {'f', 'o', 'd', 'i'} false53
Keluaran
Set(5) {10, 20, 30, 40, 50}_0JavaScript terkenal untuk pengembangan halaman web tetapi juga digunakan di berbagai lingkungan non-browser. Anda dapat mempelajari JavaScript dari awal dengan mengikuti Tutorial JavaScript dan Contoh JavaScript ini