Panduan Singkat Mengenai JavaScript Sets

Hai teman-teman, para ahli JavaScript masa depan! Hari ini, kita akan mengemban perjalanan yang menarik ke dunia JavaScript Sets. Jangan khawatir jika Anda baru saja memulai pemrograman – saya akan menjadi panduan andalannya, dan kita akan mengexploreasi topik ini secara berangsur-angsur. Pada akhir panduan ini, Anda akan dapat memanipulasi Sets seperti seorang ahli!

Apa Itu Set?

Sebelum kita masuk ke kode, mari bicarakan apa sebenarnya Set itu. Bayangkan Anda punya kantong kelereng, tapi kantong ini istimewa – hanya mengijinkan satu kelereng berwarna. Itu sebenarnya apa Set di JavaScript: sebuah koleksi yang hanya dapat mengandung nilai unik. Tidak diperbolehkan duplikat!

Sintaks: Membuat Set

Mari mulai dari dasar. Berikut cara Anda membuat Set baru:

let mySet = new Set();

Itu saja! Anda baru saja membuat Set kosong. Tetapi, apa bila Anda ingin membuat Set dengan nilai awal? Tak ada masalah:

let fruitSet = new Set(['apple', 'banana', 'orange']);

Sekarang Anda punya Set dengan tiga jenis buah. Ingat, bahkan jika Anda mencoba menambahkan 'apple' lagi, itu tidak akan dimasukkan karena Sets hanya menjaga nilai unik.

Parameter: apa saja yang dapat Anda Masukkan ke dalam Set?

Sets di JavaScript cukup fleksibel. Anda dapat menambahkan berbagai jenis nilai:

• Bilangan
• String
• Objek
• Array
• bahkan Set lainnya!

mari lihat contoh:

let mixedSet = new Set([1, 'two', {three: 3}, [4, 5]]);
console.log(mixedSet);

Jika Anda menjalankan kode ini, Anda akan melihat bahwa Set kita berisi semua jenis nilai yang berbeda.

Contoh: Bermain dengan Sets

Sekarang kita sudah tahu dasarnya, mari kita bersenang-senang dengan Sets!

Menambahkan dan Menghapus Elemen

let colorSet = new Set();

// Menambahkan elemen
colorSet.add('red');
colorSet.add('blue');
colorSet.add('green');

console.log(colorSet); // Output: Set(3) { 'red', 'blue', 'green' }

// Mencoba menambahkan duplikat
colorSet.add('red');
console.log(colorSet); // Output: Set(3) { 'red', 'blue', 'green' }

// Menghapus elemen
colorSet.delete('blue');
console.log(colorSet); // Output: Set(2) { 'red', 'green' }

Seperti yang Anda lihat, saat kita mencoba menambahkan 'red' lagi, Set tetap tidak berubah. Itu keindahan Sets – mereka secara otomatis menangani duplikat untuk kita!

Memeriksa Elemen

Ingin tahu jika Set mengandung nilai tertentu? Gunakan metode has():

let animalSet = new Set(['dog', 'cat', 'bird']);

console.log(animalSet.has('dog')); // Output: true
console.log(animalSet.has('fish')); // Output: false

Ukuran Set

Untuk mengetahui berapa banyak elemen unik di dalam Set Anda, gunakan properti size:

let numberSet = new Set([1, 2, 3, 4, 5, 5, 5]);
console.log(numberSet.size); // Output: 5

Meskipun kita menambahkan tiga '5', Set hanya menghitungnya sekali!

Operasi Set Matematika

Sekarang, mari kita pakai topi matematika dan lihat beberapa operasi yang dapat kita lakukan dengan Sets.

Union

Union menggabungkan dua Sets, menjaga semua elemen unik dari keduanya:

let set1 = new Set([1, 2, 3]);
let set2 = new Set([3, 4, 5]);

let unionSet = new Set([...set1, ...set2]);
console.log(unionSet); // Output: Set(5) { 1, 2, 3, 4, 5 }

Interseksi

Interseksi hanya menjaga elemen yang ada di kedua Sets:

let set1 = new Set([1, 2, 3, 4]);
let set2 = new Set([3, 4, 5, 6]);

let intersectionSet = new Set([...set1].filter(x => set2.has(x)));
console.log(intersectionSet); // Output: Set(2) { 3, 4 }

Perbedaan

Perbedaan menjaga elemen dari Set pertama yang tidak ada di Set kedua:

let set1 = new Set([1, 2, 3, 4]);
let set2 = new Set([3, 4, 5, 6]);

let differenceSet = new Set([...set1].filter(x => !set2.has(x)));
console.log(differenceSet); // Output: Set(2) { 1, 2 }

Referensi JavaScript Set

Berikut adalah tabel praktis dari semua metode dan properti yang kita diskusikan, beserta beberapa yang lain:

Metode/Properti	Deskripsi
new Set()	Membuat Set baru
add(value)	Menambahkan elemen baru ke Set
delete(value)	Menghapus elemen dari Set
has(value)	Mengembalikan true jika nilai ada di Set
clear()	Menghapus semua elemen dari Set
size	Mengembalikan jumlah elemen di Set
forEach(callback)	Memanggil fungsi untuk setiap elemen di Set
values()	Mengembalikan iterasi dengan semua nilai di Set
keys()	Sama seperti values()
entries()	Mengembalikan iterasi dengan pasangan [value, value] dari Set

Dan itu saja, teman-teman! Anda baru saja menyelesaikan kursus cepat tentang JavaScript Sets. Ingat, Sets seperti teman yang selalu menjaga hal unik dan teratur – mereka sangat berguna saat Anda berurusan dengan data yang tidak boleh duplikat.

Latihan membuat dan memanipulasi Sets, dan segera Anda akan menemukan diri Anda secara alami mencari mereka dalam petualangan pemrograman Anda. Siapa tahu? Mungkin Anda bahkan mulai melihat Sets di mana-mana – seperti di lemari kaus dimana tidak ada dua kaus yang sama!

Terus coding, tetap ciek, dan ingat: di dunia Sets, keunikan adalah nama permainannya!

Credits: Image by storyset