0Pricing
JavaScript Academy · Pelajaran

Pola Iterasi

Lakukan iterasi pada Map dan Set dengan for...of; gunakan entries/keys/values; konversikan ke array; buat penghitung kecil dan daftar unik

Pola Iterasi adalah pelajaran JavaScript Academy gratis di CoddyKit. Ini adalah pelajaran 3 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.

Ikhtisar iterasi

Tujuan: Mempelajari iterasi yang sederhana dan jelas.

  • Map: entries, keys, values
  • Set: values
  • Melakukan konversi ke array
  • Pencacah frekuensi dan daftar unik
Pola Iterasi — ilustrasi 1

Map: entries/keys/values

Gunakan for...of pada Map untuk mendapatkan [key, value]; keys() dan values() juga tersedia.

// Map iterates as [key, value] pairs
const prices = new Map();
prices.set("apple", 3);
prices.set("banana", 2);

for (const [item, cost] of prices) {
  console.log(item, cost);
}

// You can also use keys() or values()
for (const k of prices.keys()) {
  console.log("key:", k);
}
for (const v of prices.values()) {
  console.log("value:", v);
}
Pola Iterasi — ilustrasi 2

Set: perulangan sederhana

Set menghasilkan nilai unik dalam urutan penyisipan; duplikat diabaikan.

// Set iterates values in insertion order
const colors = new Set(["red", "green", "red", "blue"]);

for (const c of colors) {
  console.log("color:", c);
}

console.log("size:", colors.size);
Pola Iterasi — ilustrasi 3

Konversi dengan Array.from

Gunakan Array.from untuk mengubah Map/Set menjadi array (dan pairs menjadi Map).

// Convert Map to array of pairs, and back
const map1 = new Map([["a", 1], ["b", 2]]);
const pairs = Array.from(map1); // [["a",1],["b",2]]
console.log("pairs:", pairs);

const map2 = new Map(pairs);
console.log("map2 has a?", map2.has("a"));

// Set to array of values
const set1 = new Set([1, 1, 2, 3]);
const arr = Array.from(set1); // [1,2,3]
console.log("arr:", arr);
Pola Iterasi — ilustrasi 4

Pencacah frekuensi

Pencacah Map adalah cara yang jelas untuk menghitung kemunculan dalam sebuah daftar.

// Count items in an array using Map
function countItems(list) {
  const counts = new Map();
  for (const x of list) {
    const n = counts.get(x) || 0;
    counts.set(x, n + 1);
  }
  return counts;
}

const fruits = ["apple", "banana", "apple", "apple", "banana"];
const counts = countItems(fruits);

// Print counts as "item: n"
for (const [name, n] of counts) {
  console.log(name + ":", n);
}
Pola Iterasi — ilustrasi 5

Keunikan dan keanggotaan

Gunakan Set untuk membuat daftar unik dan melakukan pemeriksaan keanggotaan dengan cepat menggunakan has.

// Unique values with Set, quick membership test
const numbers = [2, 3, 2, 4, 3, 5];
const unique = Array.from(new Set(numbers));
console.log("unique:", unique);

// Quick membership with Set.has
const allowed = new Set([2, 5]);
console.log("allowed has 2?", allowed.has(2));
console.log("allowed has 4?", allowed.has(4));
Pola Iterasi — ilustrasi 6

Kuis iterasi Map

Pemeriksaan singkat: Perulangan Map terbaik untuk key dan value.

Pola Iterasi — ilustrasi 7

Ringkasan

Ringkasan: Lakukan iterasi pada Map dengan for...of untuk mendapatkan [key, value], lakukan perulangan langsung pada nilai Set, dan lakukan konversi dengan Array.from. Gunakan Map untuk pencacah dan Set untuk daftar unik.

Pola Iterasi — ilustrasi 8

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Pola Iterasi” gratis?

Ya — teks lengkap “Pola Iterasi” 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 “Pola Iterasi”?

Lakukan iterasi pada Map dan Set dengan for...of; gunakan entries/keys/values; konversikan ke array; buat penghitung kecil dan daftar unik 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 3 dari 3.

Berapa lama pelajaran “Pola Iterasi” 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