Panduan Berganda untuk Set JavaScript

Hai sana, para ahli JavaScript masa depan! Hari ini, kita akan memulai perjalanan yang menarik ke dunia Set JavaScript. Jangan khawatir jika Anda baru belajar pemrograman – saya akan menjadi panduan andalan Anda, dan kita akan menjelajahi topik ini secara bertahap. Pada akhir panduan ini, Anda akan dapat memanipulasi Set seperti seorang ahli!

JavaScript - Sets

Apa Itu Set?

Sebelum kita masuk ke kode, mari bicarakan apa sebenarnya Set adalah. Bayangkan Anda punya sebuah beg kelereng, tetapi beg ini istimewa – dia hanya mengijinkan satu kelereng berwarna saja. Itu sebenarnya apa Set adalah dalam JavaScript: sebuah koleksi yang hanya dapat berisi nilai unik. Tidak ada duplikat diperbolehkan!

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 buah. Ingat, bahkan jika Anda mencoba menambahkan 'apple' lagi, dia tidak akan dimasukkan karena Set hanya menjaga nilai unik.

Parameter: apa yang Bisa Anda Masukkan ke dalam Set?

Set di JavaScript sangat fleksibel. Anda dapat menambahkan berbagai jenis nilai:

Bilangan
String
Objek
Array
bahkan Set lainnya!

mari lihat contohnya:

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 Set

Sekarang kita tahu dasarnya, mari kita bersenang-senang dengan Set!

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, ketika kita mencoba menambahkan 'red' lagi, Set tetap tidak berubah. Itu keindahan Set – mereka secara otomatis mengelola 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 ada 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 kita bisa lakukan dengan Set.

Unifikasi

Unifikasi menggabungkan dua Set, 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 menjaga hanya elemen yang ada di kedua Set:

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 Set JavaScript

Berikut adalah tabel praktis dari semua metode dan properti yang kita diskusikan, ditambah beberapa lainnya:

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 penggunaan nilai di Set
`keys()`	Sama seperti values()
`entries()`	Mengembalikan penggunaan [value, value] pasangan dari Set

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

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

Terus coding, tetap bersemangat, dan ingat: di dunia Set, keunikan adalah nama permainan!

Credits: Image by storyset