0Pricing
JavaScript Academy · Ders

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 ve filter — temeller — resim 1

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);
map ve filter — temeller — resim 2

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);
map ve filter — temeller — resim 3

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);
map ve filter — temeller — resim 4

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);
map ve filter — temeller — resim 5

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 — temeller — resim 6

map ve filter sınaması

Hızlı kontrol: Her öğeyi dönüştürme.

map ve filter — temeller — resim 7

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

map ve filter — temeller — resim 8

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

  1. map ve filter — temeller
  2. reduce, some/every, find — basit kalıplar
← JavaScript Academy Sayfasına Dön