map ve filter — temeller
Verileri map ve filter ile dönüştürüp seçin; bunları zincirleyin ve daha güvenli kod için değişiklik yapmaktan kaçının.
map ve filter — temeller, CoddyKit'te ücretsiz bir JavaScript Academy dersidir. Bu, 2 dersinin 1. 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 2 dersten oluşur.
map ve filter'a giriş
Amaç: Öğeleri map ile dönüştürün ve filter ile seçin.
- map: dönüştürme
- filter: seçme
- map → filter zinciri
- Değişiklik yapmama

map temelleri
map, her öğeye bir işlev uygular ve yeni bir dizi döndürür (uzunluk aynıdır).
// map transforms each value and returns a new array
const nums = [1, 2, 3];
const doubled = nums.map(function (n) {
return n * 2;
});
console.log("nums:", nums);
console.log("doubled:", doubled);

filter temelleri
filter, geri çağırmanızın doğru döndürdüğü öğeleri verir (uzunluk değişebilir).
// filter keeps values that pass the test
const values = [1, 2, 3, 4, 5];
const evens = values.filter(function (n) {
return n % 2 === 0;
});
console.log("values:", values);
console.log("evens:", evens);

Zincirleme örneği
Adımları birleştirin: dönüştürmek için map, ardından seçmek için filter kullanın.
// Chain methods for clarity
const prices = [4, 7, 10];
// First add tax, then keep items over 8
const withTax = prices.map(function (p) {
return p * 1.1;
});
const expensive = withTax.filter(function (p) {
return p > 8;
});
console.log("withTax:", withTax);
console.log("expensive:", expensive);

Değişiklik yapmama gösterimi
Değişmezlik: map/filter yeni diziler döndürür; özgün dizi değişmeden kalır.
// map and filter do not mutate the original array
const base = [2, 4, 6];
const plusOne = base.map(function (n) {
return n + 1;
});
const small = base.filter(function (n) {
return n < 5;
});
console.log("base:", base);
console.log("plusOne:", plusOne);
console.log("small:", small);

Temiz diziler için ipuçları
İpuçları:
- Açıklık için küçük geri çağırmaları iyi adlandırın (n, item).
- Zincirleri kısa tutun (en fazla 2–3 adım).
- Saf geri çağırmaları tercih edin (yan etkiler olmasın).

map ve filter sınaması
Hızlı kontrol: Her öğeyi dönüştürme.

Özet
Özet: Değerleri dönüştürmek için eşlemeyi, bazılarını seçmek için filtrelemeyi kullanın ve özgün diziyi değiştirmeden bunları zincirleyin.

Sıkça Sorulan Sorular
“map ve filter — temeller” dersi ücretsiz mi?
Evet — “map ve filter — temeller” 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 2 dersten oluşur.
“map ve filter — temeller” dersinde ne öğreneceğim?
Verileri map ve filter ile dönüştürüp seçin; bunları zincirleyin ve daha güvenli kod için değişiklik yapmaktan kaçının. 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, 2 dersinin 1. dersidir.
“map ve filter — temeller” 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 filter — temeller
- reduce, some/every, find — basit kalıplar