Yineleme Kalıpları
Map ve Set üzerinde for...of ile yineleyin; entries/keys/values kullanın; dizilere dönüştürün; küçük sayaçlar ve benzersiz listeler oluşturun.
Yineleme Kalıpları, CoddyKit'te ücretsiz bir JavaScript Academy dersidir. Bu, 3 dersinin 3. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, JavaScript Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. JavaScript Academy kursu toplamda 3 dersten oluşur.
Yinelemeye genel bakış
Amaç: Basit ve anlaşılır yinelemeyi öğrenmek.
- Eşleme: entries, keys, values
- Küme: values
- Dizilere dönüştürme
- Sıklık sayacı ve benzersiz listeler

Eşleme: entries/keys/values
Bir eşleme üzerinde for...of kullanarak [anahtar, değer] elde edin; keys() ve values() da kullanılabilir.
// 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);
}

Küme: basit döngü
Küme, benzersiz değerleri ekleme sırasıyla üretir; yinelenenler yok sayılır.
// 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);

Array.from ile dönüştürmeler
Map'leri ve Set'leri dizilere (ve çiftleri bir eşlemeye) dönüştürmek için Array.from kullanın.
// 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);

Sıklık sayacı
Bir eşleme sayacı, listedeki oluşumları saymanın anlaşılır bir yoludur.
// 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);
}

Benzersizlik ve üyelik
Benzersiz bir liste oluşturmak ve has ile hızlı üyelik denetimleri yapmak için küme kullanın.
// 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));

Eşleme yineleme testi
Hızlı kontrol: Anahtar ve değer için en iyi eşleme döngüsü.

Özet
Özet: [anahtar, değer] elde etmek için eşleme üzerinde for...of ile yineleyin, küme değerleri üzerinde doğrudan döngü kurun ve Array.from ile dönüştürün. Sayaçlar için eşleme, benzersiz listeler için küme kullanın.

Sıkça Sorulan Sorular
“Yineleme Kalıpları” dersi ücretsiz mi?
Evet — “Yineleme Kalıpları” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve JavaScript Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. JavaScript Academy kursu toplamda 3 dersten oluşur.
“Yineleme Kalıpları” dersinde ne öğreneceğim?
Map ve Set üzerinde for...of ile yineleyin; entries/keys/values kullanın; dizilere dönüştürün; küçük sayaçlar ve benzersiz listeler oluşturun. JavaScript Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.
JavaScript Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te JavaScript Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 3 dersinin 3. dersidir.
“Yineleme Kalıpları” dersi ne kadar sürer?
Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.
Bu JavaScript Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her JavaScript Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.
Bu kursun tüm dersleri
- Map ve Set temelleri
- WeakMap ve WeakSet — Basit Gizlilik ve Önbellekler
- Yineleme Kalıpları