0Pricing
JavaScript Academy · Pelajaran

Dasar-Dasar Map dan Set

Gunakan Map untuk pencarian kunci→nilai dan Set untuk nilai unik; lakukan iterasi, konversi, dan terapkan pola-pola kecil

Dasar-Dasar Map dan Set adalah pelajaran JavaScript Academy gratis di CoddyKit. Ini adalah pelajaran 1 dari 3. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar JavaScript Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus JavaScript Academy mencakup 3 pelajaran total.

Mengapa Map dan Set?

Tujuan: Memilih wadah yang tepat.

  • Map: key→value (jenis key apa pun)
  • Set: nilai unik
  • Melakukan iterasi dan konversi
  • Pola kecil sehari-hari
Dasar-Dasar Map dan Set — ilustrasi 1

Map: set/get/has

Map menyediakan set, get, has, delete, clear, dan properti size.

// Map: key→value with any key type
const userToScore = new Map();

// set values
userToScore.set("ayla", 10);
userToScore.set("mina", 15);

// read values
console.log("ayla:", userToScore.get("ayla"));
console.log("has lena?", userToScore.has("lena"));

// size
console.log("size:", userToScore.size);
Dasar-Dasar Map dan Set — ilustrasi 2

Set: nilai unik

Set hanya menyimpan satu salinan dari setiap nilai; duplikat diabaikan.

// Set: unique values
const seen = new Set();

// add values (duplicates are ignored)
seen.add("red");
seen.add("blue");
seen.add("red"); // ignored

console.log("size:", seen.size);
console.log("has red?", seen.has("red"));

seen.delete("blue");
console.log("after delete:", seen.size);
Dasar-Dasar Map dan Set — ilustrasi 3

Mengapa memilih Map daripada Object

Map mempertahankan identitas objek sebagai key. Objek biasa mengubah key menjadi string.

// Map can use objects as keys directly
const key1 = { id: 1 };
const key2 = { id: 1 }; // different reference

const map = new Map();
map.set(key1, "A");

console.log("get key1:", map.get(key1));
console.log("get key2:", map.get(key2)); // undefined (different object)

const obj = {};
obj[key1] = "B"; // coerces key to "[object Object]"
console.log("object key:", obj["[object Object]"]);
Dasar-Dasar Map dan Set — ilustrasi 4

Konversi

Buat array unik dari sebuah Set. Buat Map dari pairs dan kembalikan ke bentuk semula dengan entries().

// Unique array values via Set
const nums = [2, 2, 3, 4, 3];
const unique = Array.from(new Set(nums));
console.log("unique:", unique);

// Map from pairs; back to pairs
const pairs = [["a", 1], ["b", 2]];
const m = new Map(pairs);
console.log("get a:", m.get("a"));
console.log("entries:", Array.from(m.entries()));
Dasar-Dasar Map dan Set — ilustrasi 5

Pola yang perlu diingat

Pola kecil:

  • Gunakan Map untuk counts (key → number).
  • Gunakan Set untuk pemeriksaan keanggotaan yang cepat.
  • Utamakan Map jika key bukan string atau jika Anda memerlukan urutan penyisipan.
Dasar-Dasar Map dan Set — ilustrasi 6

Kuis keunikan Set

Pemeriksaan singkat: Keunikan.

Dasar-Dasar Map dan Set — ilustrasi 7

Ringkasan

Ringkasan: Pilih Map untuk pencarian key→value (jenis key apa pun) dan Set untuk nilai unik; lakukan iterasi dan konversi dengan entries()/Array.from.

Dasar-Dasar Map dan Set — ilustrasi 8

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Dasar-Dasar Map dan Set” gratis?

Ya — teks lengkap “Dasar-Dasar Map dan Set” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus JavaScript Academy, upgrade ke CoddyKit PRO. Kursus JavaScript Academy mencakup 3 pelajaran total.

Apa yang akan aku pelajari di “Dasar-Dasar Map dan Set”?

Gunakan Map untuk pencarian kunci→nilai dan Set untuk nilai unik; lakukan iterasi, konversi, dan terapkan pola-pola kecil Kamu berlatih JavaScript Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai JavaScript Academy?

Tidak diperlukan pengalaman sebelumnya. JavaScript Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 1 dari 3.

Berapa lama pelajaran “Dasar-Dasar Map dan Set” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran JavaScript Academy ini?

Ya. Setiap pelajaran JavaScript Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

  1. Dasar-Dasar Map dan Set
  2. WeakMap dan WeakSet — Privasi serta Tembolok Sederhana
  3. Pola Iterasi
← Kembali ke JavaScript Academy