Özet - Arrow fonksiyonlar

Arrow fonksiyonları kullanarak bir dizi filtreleme ve sıralama aracı yazarsın.

Özet - Arrow fonksiyonlar

Bu grupta arrow fonksiyonları öğrendin: => oku, kısa ve blok gövde, parametre kullanımı, lexikal this ve constructor olamama. Şimdi bunları bir arada kullanacağın küçük bir araç yazacaksın.

Hedef: ürün dizisini fiyatla filtreleyip sıralayan ve toplamını bulan bir araç. Tüm fonksiyonlar arrow olacak.

Uygulama Fiyatla filtrele ve sırala

filterByPrice arrow fonksiyonu yaz. maxPrice parametresi alsın. products dizisinde fiyatı maxPrice'dan küçük veya eşit olanları filter ile seçip, fiyatı küçükten büyüğe sort ile sıralasın. İkisinde de arrow callback kullan.

Örnek çözümü göster

const filterByPrice = (maxPrice) => {
  return products
    .filter((p) => p.price <= maxPrice)
    .sort((a, b) => a.price - b.price);
};

Uygulama Toplam fiyatı bul

totalPrice arrow fonksiyonu yaz. items parametresi alsın ve reduce ile tüm ürünlerin fiyatlarını toplayıp döndürsün. Başlangıç değeri 0 olsun.

Örnek çözümü göster

const totalPrice = (items) =>
  items.reduce((sum, item) => sum + item.price, 0);

Kendini test et

Hangisi doğrudur?
- Arrow fonksiyon new ile çağrılabilir
- Tek parametreli arrow'da parantez isteğe bağlıdır
- Arrow'ın kendi arguments nesnesi vardır
- Blok gövdede return yazılmaz
Cevabı göster

Tek parametreli arrow'da parantez isteğe bağlıdır — Doğru. Tek parametrede parantez bırakılabilir: <code>n => n + 1</code>.
Kavramları eşleştir

=> oku

arrow fonksiyon
lexical this

dış kapsamı miras alır
...args

rest parametre
new arrow

TypeError fırlatır
Sonuç ne?
```
[5, 10, 15].reduce((a, b) => a + b, 0);
```
- 15
- 25
- 30
- 0
Cevabı göster

30 — Doğru. 0 + 5 + 10 + 15 = 30.

Sıradaki ders: Global kapsam

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler