8 Metode Set JavaScript yang Harus Anda Kuasai Hari Ini

Set JavaScript adalah kumpulan nilai yang unik.

Set dapat menyimpan nilai dari tipe data apa pun. Ini bisa berupa primitif sederhana, seperti bilangan bulat atau string, dll, atau tipe kompleks seperti array atau literal objek. Nilai dalam Set hanya dapat muncul sekali.

Pada artikel ini, Anda akan mempelajari delapan metode JavaScript Set yang harus Anda kuasai hari ini.

1. Cara Membuat Set Baru di JavaScript

Anda dapat membuat objek Set baru menggunakan baruMengatur() konstruktor. Objek Set menyimpan nilai unik dari tipe data apa pun. Konstruktor ini menerima objek yang dapat diubah sebagai parameter.

const setObj = Set baru([21, 34, 35, 56, 23]);
console.log (setObj);

Keluaran:

Himpunan (5) { 21, 34, 35, 56, 23 }

Jika Anda tidak menentukan apa pun di parameter, Set kosong baru akan dibuat.

const setObj = Set baru();
console.log (setObj);

Keluaran:

Setel (0) {}

Jika Anda mencoba membuat Set dengan elemen berulang, elemen duplikat akan dihapus dan Set unik akan dikembalikan.

const setObj = Set baru([1, 2, 3, 1, 2, 3]);
console.log (setObj);

Keluaran:

Himpunan (3) { 1, 2, 3 }

Anda juga dapat membuat Kumpulan menggunakan tipe data campuran.

const setObj = Set baru([1, 2, "Halo", [45, 67, 78]]);
console.log (setObj);

Keluaran:

Set (4) { 1, 2, 'Halo', [ 45, 67, 78 ] }

2. Cara Menambahkan Elemen Baru ke Objek yang Ditetapkan

Anda dapat menambahkan elemen baru ke akhir objek Set menggunakan Menambahkan() metode. Metode ini menerima nilai elemen untuk ditambahkan ke objek Set sebagai parameter, dan mengembalikan objek Set baru dengan nilai tambah.

const setObj = Set baru();
setObj.add("Selamat datang");
setObj.add("ke");
setObj.add("MUO");
console.log (setObj);

Keluaran:

Set (3) { 'Selamat datang', 'ke', 'MUO' }

Anda dapat langsung meneruskan nilai sebagai parameter, atau Anda dapat meneruskan variabel sebagai satu.

const setObj = Set baru();
// Menambahkan nilai ke objek Set
setObj.add("Selamat datang");
const var1 = "ke";
const var2 = "MUO";
// Menambahkan variabel ke objek Set
setObj.add (var1);
setObj.add (var2);
console.log (setObj);

Keluaran:

Set (3) { 'Selamat datang', 'ke', 'MUO' }

NS Menambahkan() metode ini juga mendukung chaining.

const setObj = Set baru();
// Merantai
setObj.add (1).add (2).add (3);
console.log (setObj);

Keluaran:

Himpunan (3) { 1, 2, 3 }

Jika Anda mencoba menambahkan elemen duplikat, hanya elemen pertama yang akan disimpan.

const setObj = Set baru();
setObj.tambahkan (1);
setObj.tambahkan (2);
setObj.tambahkan (3);
setObj.add("M");
setObj.add("U");
setObj.add("O");
setObj.tambahkan (1);
setObj.tambahkan (2);
setObj.tambahkan (3);
console.log (setObj);

Keluaran:

Set (6) { 1, 2, 3, 'M', 'U', 'O' }

3. Cara Menghapus Semua Elemen Dari Objek yang Ditetapkan

Anda dapat menghapus semua elemen dari objek Set menggunakan jernih() metode. Metode ini menghapus semua elemen dan mengembalikan tidak terdefinisi.

const setObj = Set baru([1, 2, 3, 4, 5]);
console.log("Ukuran objek Set: " + setObj.size);
console.log (setObj);
setObj.clear();
console.log("Ukuran objek Set setelah menghapus elemen: " + setObj.size);
console.log (setObj);

Keluaran:

Ukuran objek Set: 5
Himpunan (5) { 1, 2, 3, 4, 5 }
Ukuran objek Set setelah membersihkan elemen: 0
Setel (0) {}

Terkait: Metode String JavaScript yang Harus Anda Kuasai Hari Ini

4. Cara Menghapus Elemen Tertentu Dari Objek yang Ditetapkan

Anda dapat menghapus elemen tertentu dari objek Set (jika ada) menggunakan menghapus() metode. Metode ini menerima nilai yang akan dihapus dari Set. Jika nilainya ditemukan, metode kembali benar. Jika tidak, itu akan menjadi Salah.

const setObj = Set baru([1, 2, 3, 4, 5]);
console.log("Set Awal:");
console.log (setObj);
setObj.delete (3);
console.log("Setel setelah menghapus 3");
console.log (setObj);

Keluaran:

Set Awal:
Himpunan (5) { 1, 2, 3, 4, 5 }
Setel setelah menghapus 3
Set (4) { 1, 2, 4, 5 }

5. Cara Memeriksa Apakah Elemen Ada dalam Set

Anda dapat memeriksa apakah sebuah elemen ada di objek Set menggunakan memiliki() metode. Metode ini menerima nilai sebagai parameter untuk menguji keberadaan di objek Set. Jika elemen ditemukan, metode kembali benar; jika tidak, itu akan menjadi Salah.

const setObj = new Set(["Selamat datang", "ke", "MUO"]);
console.log (setObj.has("MUO"));
console.log (setObj.has("MakeUseOf"));

Keluaran:

benar
Salah

6. Apa metode entri() dalam Objek Set JavaScript?

Menurut pejabat Dokumen Web MDN:

"NS entri() metode mengembalikan objek Iterator baru yang berisi array [nilai, nilai] untuk setiap elemen dalam objek Set, dalam urutan penyisipan. Untuk objek Set, tidak ada kunci seperti di objek Peta. Namun, untuk menjaga agar API tetap serupa dengan objek Peta, setiap entri memiliki nilai yang sama untuk kunci dan nilainya di sini, sehingga array [nilai, nilai] dikembalikan."

const setObj = new Set(["Selamat datang", "ke", "MUO"]);
for (biarkan entri setObj.entries()) {
console.log (entri);
}

Keluaran:

[ 'Selamat datang', 'Selamat datang']
[ 'ke', 'ke']
['MUO', 'MUO']

const setObj = new Set(["Selamat datang", "ke", "MUO"]);
for (biarkan [kunci, nilai] dari setObj.entries()) {
console.log (nilai);
}

Keluaran:

Selamat datang
ke
MUO

Kunci dan nilai dalam Set identik.

const setObj = new Set(["Selamat datang", "ke", "MUO"]);
for (biarkan [kunci, nilai] dari setObj.entries()) {
console.log (nilai kunci);
}

Keluaran:

benar
benar
benar

Terkait: Cara Menggunakan Loop di JavaScript

7. Apa Metode forEach() di Objek Set JavaScript?

NS untuk setiap() metode memanggil fungsi untuk setiap elemen objek Set. Metode ini kembali tidak terdefinisi.

const setObj = Set baru([1, 2, 3, 4, 5]);
misalkan jumlah = 0;
setObj.forEach (fungsi (elemen) {
jumlah += elemen;
});
console.log (jumlah);

Keluaran:

15

8. Apa metode values() dalam Objek Set JavaScript?

NS nilai() metode mengembalikan sebuah Pengulangan objek yang berisi semua nilai dalam Set, dan melakukan ini dalam urutan penyisipan.

const setObj = Set baru([1, 2, 3, 4, 5]);
const iteratorObj = setObj.values();
for (biarkan nilai iteratorObj) {
console.log (nilai);
}

Keluaran:

1
2
3
4
5

Terkait: Pengantar Iterator dan Generator dalam JavaScript

Catatan: Objek Set dalam JavaScript tidak memiliki kunci. Tetapi untuk membuat Set kompatibel dengan Maps, kunci() metode ini digunakan sebagai alias untuk nilai() metode. NS kunci() metode berperilaku persis sama dengan nilai() metode.

Sekarang Anda Tahu Cara Membuat Set di JavaScript

Jadi, begitulah. Setelah membaca artikel ini, Anda seharusnya memiliki banyak bantuan untuk menguasai pembuatan Set di JavaScript.

Membuat Set sangat penting bagi setiap programmer yang ingin meningkatkan permainan mereka. Setelah Anda menguasai ini, Anda dapat melanjutkan untuk menyempurnakan keterampilan lain—seperti membuat Array.

15 Metode Array JavaScript yang Harus Anda Kuasai Hari Ini

Ingin memahami array JavaScript tetapi tidak dapat memahaminya? Periksa contoh larik JavaScript kami untuk panduan.

Baca Selanjutnya

Tentang Penulis