Memahami Set dalam JavaScript

Set adalah add-on baru untuk JavaScript di ES6. Mari kita pelajari tentang itu.

Apa itu set?

Bagaimana cara menggunakannya dalam JavaScript?

Dan metode apa yang disediakan untuk memecahkan masalah?

Mari cari tahu jawaban atas semua pertanyaan dalam tutorial ini.

Set

Seperti namanya, himpunan adalah kumpulan elemen unik. Itu tidak menyimpan nilai yang diulang.

Set dalam JavaScript akan menyimpan elemen dalam urutan penyisipan. Jadi, mereka dipesan dalam JavaScript. Dan itu akan menyimpan tipe atau objek data primitif.

Mari kita lihat sintaks set di JavaScript.

Saya harap Anda memiliki IDE untuk berlatih berikut ini.

const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]);
console.log(names);

const randomWord = new Set("Hiiiiiii");
console.log(randomWord);

const numbers = new Set([5, 5, 5, 2, 1, 1, 2, 3]);
console.log(numbers);

Properti dan Metode

Set memiliki properti dan metode berbeda yang membantu kami bekerja dengannya untuk memecahkan berbagai masalah. Properti dan metodenya sesederhana membuatnya. Anda dapat dengan mudah mendapatkan fungsionalitas metode dengan namanya sendiri. Mari kita lihat satu per satu.

ukuran

Ukuran properti mengembalikan jumlah elemen yang ada di set.

const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]);
console.log(`Size: ${names.size}`);

menambahkan

Metode add digunakan untuk menambahkan elemen baru ke set. Jika elemen baru sudah ada di set, maka tidak akan menambahkannya.

// empty set
const names = new Set();

names.add("John");
names.add("Harry");
names.add("Wick");
names.add("Jack");
names.add("Harry");

console.log(names);

memiliki

Metode ini mengambil satu argumen dan mengembalikan nilai true jika elemen tersebut ada di set, jika tidak maka akan mengembalikan nilai false.

const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]);

console.log(names.has("Harry"));
console.log(names.has("Alley"));

menghapus

Seperti yang Anda harapkan, metode delete mengambil argumen dan menghapusnya dari himpunan. Itu tidak menimbulkan kesalahan apa pun bahkan jika argumen yang diberikan tidak ada di set.

const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]);

names.delete("John");

console.log(names);

entri

Entri metode mengembalikan iterator yang berisi larik pasangan nilai kunci dalam urutan penyisipan. Di sini, kunci dan nilainya sama.

const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]);

const entries = names.entries();

console.log(entries.next().value);
console.log(entries.next().value);
console.log(entries.next().value);
console.log(entries.next().value);
console.log(entries.next().value);

kunci

Kunci metode mengembalikan iterator elemen set dalam urutan penyisipan.

const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]);

const keys = names.keys();

console.log(keys.next().value);
console.log(keys.next().value);
console.log(keys.next().value);
console.log(keys.next().value);
console.log(keys.next().value);

nilai-nilai

Nilai metode mengembalikan iterator elemen set dalam urutan penyisipan yang mirip dengan kunci metode.

const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]);

const values = names.values();

console.log(values.next().value);
console.log(values.next().value);
console.log(values.next().value);
console.log(values.next().value);
console.log(values.next().value);

jernih

Metode clear menghapus semua elemen dari set.

const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]);

names.clear();

console.log(names);

untuk setiap

Metode forEach digunakan untuk mengulangi set dan mendapatkan semua elemen satu per satu darinya.

const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]);

names.forEach((element) => {
   console.log(element);
});

Aneka ragam

Mari kita lihat aplikasi sederhana dari set dengan sebuah program. Diberikan sebuah array, hapus semua nilai duplikat darinya. Untuk mengatasi masalah tersebut, kita dapat menggunakan properti set.

Mari kita lihat langkah untuk mengatasinya.

• Inisialisasi array dengan data dummy.
• Inisialisasi set kosong.
• Ulangi array elemen.
  • Tambahkan setiap elemen ke set.
  • Ini akan menghapus elemen duplikat secara otomatis.
• Inisialisasi array kosong.
• Ulangi set dan tambahkan setiap elemen ke array baru.
• Cetak array baru.

Saya harap Anda bisa menyelesaikannya sendiri. Jika Anda merasa kesulitan untuk membuat kode, lihat solusinya di bawah ini.

const arr = ["John", "Harry", "Wick", "Jack", "Harry"];

const temp = new Set();

arr.forEach((element) => {
   temp.add(element);
});

const newArr = [];

temp.forEach((element) => {
   newArr.push(element);
});

console.log(newArr);

Kesimpulan

Sekarang, Anda memiliki semua pengetahuan yang diperlukan untuk bekerja dengan set di JavaScript. Anda dapat menggunakannya dalam proyek berikutnya. Silakan dan manfaatkan setiap bagiannya.

Selamat Coding 👨‍💻