Dizi Metotlarını Zincirleme

Coddy'nin JavaScript Journey'sinin Mantık ve Akış bölümünün bir parçası. Ders 55 / 65.

Dizi zincirleme (chaining), tek bir ifadede bir dizi üzerinde birden fazla işlem gerçekleştirmenize olanak tanır. Bu yaklaşım kodunuzu daha özlü ve okunabilir hale getirebilir.

İşte dizi metotlarını zincirlemeye bir örnek:

const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

const result = numbers
  .filter(num => num % 2 === 0)
  .map(num => num * 2)
  .reduce((sum, num) => sum + num, 0);

console.log(result); // 60

Bu örnekte, bir sayılar dizisi ile başlıyoruz, tek sayıları filtreliyoruz, kalan her bir sayıyı ikiyle çarpıyoruz ve ardından sonuçları topluyoruz.

Zincirleme sırası önemlidir. Zincirdeki her metot, bir önceki metodun sonucu üzerinde çalışır.

Görev

Kolay

Meyve nesnelerinden oluşan bir dizi alan processFruits adında bir function oluşturun. Her meyve nesnesi name (metin) ve quantity (sayı) özelliklerine sahiptir.

Fonksiyon, aşağıdakileri yapmak için zincirleme dizi metotları kullanmalıdır:

Miktarı (quantity) 0 olan meyveleri filter ile ayıklayın
Her meyve adını büyük harfe dönüştürün
Tüm meyveleri miktarlarıyla birlikte "APPLE: 5, BANANA: 3" şeklinde listeleyen tek bir metin oluşturun

Hızlı bir hatırlatma:

Bir metin dizisini tek bir metne dönüştürmek için .join(", ") fonksiyonunu kullanabilirsiniz.

.join() fonksiyonunu bile zincirleme olarak bağlamak mümkündür:

arr.filter(...)
   .map(...)
   .join(...)

Kendin dene

function processFruits(fruits) {
  // Kodunuzu buraya yazın
}

Kendini test et

Bu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.

Mantık ve Akış bölümündeki tüm dersler

1Derinlemesine Stringler

String Temelleri String Üzerinde Yineleme Template Literals String Metotları Özet - String Weaver

4JSON Bölüm 2

JSON Üzerinde Yineleme İç İçe Geçmiş JSON JSON Optional Chaining Sığ ve Derin Kopyalama Özet - Bisiklet Mağazası Özet - Güneş Sistemi

7Kütüphane Yönetim Sistemi

Projeye Genel Bakış Kitap Ekleme

Başlığa Göre Arama

Türe Göre Filtreleme

Okundu Olarak İşaretle

10Festival Sistemi Yönetimi

Projeye Genel Bakış Film ve Mekan Ekle

Gösterim Ekle

Bilet Satın Al

Filmleri Puanla

Gösterimleri İptal Et

Kendi başına pratik yap: Online JavaScript derleyicisi