0Pricing
JavaScript Academy · Ders

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
Yineleme Kalıpları — resim 1

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);
}
Yineleme Kalıpları — resim 2

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);
Yineleme Kalıpları — resim 3

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);
Yineleme Kalıpları — resim 4

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);
}
Yineleme Kalıpları — resim 5

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));
Yineleme Kalıpları — resim 6

Eşleme yineleme testi

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

Yineleme Kalıpları — resim 7

Ö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.

Yineleme Kalıpları — resim 8

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

  1. Map ve Set temelleri
  2. WeakMap ve WeakSet — Basit Gizlilik ve Önbellekler
  3. Yineleme Kalıpları
← JavaScript Academy Sayfasına Dön