Web Sayfalarının Beyni: Javascript -5

Bir önceki yazımızda Es6 ile gelen rest, spread ve destructuring araçlarına baktık. Bu yazımızda map, filter, reduce fonksiyonlarından bahsedeceğiz.

Bu fonksiyonlar en çok array üzerinde kullanılır. Arrayler için for döngüsü de kullanılabilir ama for döngüsünün içerisi hem çok uzun olabilir hem de o for döngüsünün hangi işlemi yaptığını anlamak için detaylıca bakmak gerekir. Bu fonksiyonlar, array üzerinde mapping (haritalama), filtering (filtreleme) ve reduction (indirgeme) işlemlerini yapmayı sağlar. Hadi gelin bu fonksiyonlar tam ne işe yarıyor beraber bakalım.

Map Fonksiyonu Nedir?

Map fonksiyonu, dizinin farklı bir diziye aktarılmasını sağlar. Şimdi bir diziyi map fonksiyonu olmadan değiştirmeye çalışacağız.

Şimdi bir de map fonksiyonu ile yukarıdaki dizideki name özelliğini alalım.

Yukarıda gördüğümüz gibi map fonksiyonunu kullanmak bizi fazla kod yazmaktan kurtarır. Peki ürünlerimizde fiyat özelliği de olsaydı ve biz fiyatı belirli bir sayıdan yüksek olan ürünleri görmek isteseydim ne yapacaktım? Burada karşımıza filter kavramı giriyor.

Filter Fonksiyonu Nedir?

Filter fonksiyonu, bir diziden istediğimiz şarta göre yeni bir dizi oluşturmaya yarar.

Aşağıdaki kodda fiyatı 1000'den fazla olan ürünleri listelemek istedik. O yüzden filter fonksiyonunu kullandık.

Ürünlerden fiyatı en yüksek olan ürünü öğrenmek istersek filter fonksiyonu işe yaramayacaktır. Burada karşımıza reduce fonksiyonu çıkıyor.

Reduce Fonksiyonu Nedir?

Reduce fonksiyonu, verilen bir koşula göre diziden tek bir eleman almak için kullanılır. En yüksek değerli elemanı alma, elemanların toplamını bulma gibi işlemlerde kullanılabilir.