Mengenal Keyed Collections dalam JavaScript

Dalam dunia javascript, memahami berbagai jenis struktur data adalah fondasi penting bagi para pengembang. Salah satu konsep penting yang sering digunakan dalam pengelolaan data adalah Keyed Collections. Koleksi ini berbeda dari struktur data biasa karena mengandalkan key (kunci) sebagai pengakses data, bukan index. Artikel ini akan mengupas tuntas apa itu keyed collections, cara penggunaannya, serta manfaatnya dalam pengembangan javascript code.

Apa Itu Keyed Collections?

Keyed collections adalah kumpulan data yang diorganisir berdasarkan kunci, bukan indeks. Dalam JavaScript, dua objek utama yang tergolong dalam kategori ini adalah Map dan Set. Kedua objek ini iterable dan mempertahankan urutan data sesuai dengan waktu penyisipannya, menjadikannya sangat berguna ketika kita ingin menjaga data tetap terstruktur dan mudah diakses.

Map

Map adalah struktur data yang menyimpan pasangan key-value, di mana setiap kunci bersifat unik dan dapat berupa tipe data apapun (termasuk objek atau fungsi).

const map = new Map();
map.set('nama', 'Cacing Coding');
map.set(1, 'satu');
map.set(true, 'ya');
console.log(map.get('nama')); // Output: Cacing Coding

Map sangat ideal untuk kasus ketika kita perlu mengasosiasikan informasi tertentu dengan entitas unik, misalnya menyimpan data pengguna berdasarkan ID.

Set

Set adalah koleksi dari nilai-nilai unik. Tidak seperti array, Set tidak mengizinkan elemen duplikat dan tidak memiliki pasangan key-value seperti Map.

const angka = new Set();
angka.add(1);
angka.add(2);
angka.add(1);
console.log(angka); // Output: Set(2) {1, 2}

Set sangat berguna untuk menyaring nilai duplikat dalam kumpulan data atau untuk menyimpan elemen unik dalam suatu aplikasi.

Fitur dan Keunggulan Keyed Collections

• Urutan terjaga: Elemen dalam Map dan Set disimpan sesuai urutan penyisipan.
• Dukungan kunci kompleks: Map memungkinkan penggunaan tipe data non-primitive seperti objek atau fungsi sebagai kunci.
• Iterasi mudah: Dapat diiterasi dengan mudah menggunakan for...of atau metode forEach().
• Kinerja optimal: Untuk operasi pencarian, penyisipan, dan penghapusan, Map dan Set memiliki kinerja yang lebih konsisten dibanding objek biasa atau array.

Perbandingan Keyed Collections dengan Objek dan Array

Fitur	Map	Set	Object	Array
Kunci bisa bertipe apapun	Ya	-	Tidak	-
Duplikat diperbolehkan	Ya	Tidak	Ya	Ya
Urutan terjaga	Ya	Ya	Tidak	Ya
Iterasi mudah	Ya	Ya	Terbatas	Ya

Contoh Penggunaan di Dunia Nyata

Studi Kasus 1: Menggunakan Map untuk Menyimpan Konfigurasi

const config = new Map();
config.set('theme', 'dark');
config.set('layout', 'grid');
console.log(config.get('theme')); // Output: dark

Studi Kasus 2: Menggunakan Set untuk Menyaring Duplikat

const angka = [1, 2, 2, 3, 4, 4];
const unik = new Set(angka);
console.log([...unik]); // Output: [1, 2, 3, 4]

Kesimpulan

Keyed collections seperti Map dan Set menawarkan pendekatan yang lebih fleksibel dan efisien dalam mengelola data di javascript. Dibandingkan dengan struktur data tradisional seperti objek dan array, keyed collections memberikan kemampuan untuk menggunakan kunci non-string dan menjaga urutan penyisipan. Pemahaman terhadap struktur ini penting bagi siapa saja yang ingin menulis javascript code yang lebih rapi, terstruktur, dan dapat diskalakan.

Jika Anda ingin berlatih langsung, cobalah menggunakan javascript online editor seperti JSFiddle atau CodePen dan eksplorasi sendiri berbagai skenario menggunakan Map dan Set. Semakin sering Anda bereksperimen, semakin dalam pula pemahaman Anda terhadap konsep ini.

Terus ikuti blog Cacing Coding untuk pembahasan menarik lainnya seputar dunia JavaScript!