JavaScript Mutlaka Bilmeniz Gereken 8 Array Metodu

JavaScript’de sık kullanılan ve kullanıldığı zaman sizlere vakit kazandıracak 8 array metodunu anlatacağım.

Filter

filter() metodu istenen şarta göre şarta uyan tüm öğelerle birlikte yeni bir dizi oluştur, ana diziyi değiştirmez.

Aşağıdaki örneğimizde 6 objeden oluşan “items” adında bir dizimiz var. Bu dizide ücreti 200 ve 200'den aşağıda olanları listelemek için filter metodunu kullanalım.

Map

map() , dizinin her elemanı için, parametre olarak verilen fonksiyonu çağırır ve oluşan sonuçlarla da yeni bir dizi oluşturur.

Yukarıdaki örneğimizde kullanılan öğeleri kullanacağız bu örnekte. Şimdi price değerlerini 2 kat arttırmak için map metodunu kullanalım.

Burada item.price yerine name derseniz her bir öğenin name değerini yazdırır. İstediğiniz şartlara göre bu örnekleri çoğaltabilirsiniz.

Find

find() metodu adı üstünde dizi içersinde arama yapmanıza olanak sağlar.

Aşağıdaki örneğimizde name değeri Bisiklet” olanı bulup yazdırmasını istedik.

forEach

forEach() metodu dizideki her bir elemanı dönmenizi sağlar.

Bu seferki örneğimizde dizideki her bir öğenin name değerini yazdıralım.

Some

some() metodu aranan şart, dizideki elemanlardan en az birisi tarafından sağlanıyor ise true aksi durumda false döndürür.

Şimdi ki örneğimizde dizideki her bir elemanın price değeri 100'e eşit veya 100'den küçük olup olmadığına bakalım.

Dikkat ettiyseneniz bazı öğelerimizin price değeri 100'den büyük olmasına rağmen true değerini döndirdü. Çünkü some() en az şartı sağlayan bir eleman olması durumunda true döndrürür bunu unutmayalım.

Every

every() metodu aranan şart, dizideki elemanlardan hepsi tarafından sağlanıyor ise true aksi durumda false döndürür.

Örneğimiz some metoduna kullandığımız örneğin aynısı ama bu sefer şart her bir eleman tarafından sağlanmadığı için false döndürdü.

Reduce

Dizi elemanları üzerinde işlemler yapar ardından sonucu döndürür.

Aşağıdaki örneğimizde currentTotal adında bir parametre verdik ve bu değerin 0 olması gerektiğini söyledik. Ardından currentTotal değeri de dahil olmak üzere tüm price değerleri toplanıp ekrana yazdırılır.

includes

includes metodu aranan şart dizinin içinde yer alıyorsa true yer almıyorsa false döndürür.

Bu örneğimizde items içeriğini değiştirdik ve yeni dizi elemanları oluşturduk. Oluşturduğumuz dizinin içinde 2 yer alıyor mu diye sorduk ve true döndürdü.

Yazının sonuna geldik bu array metodları hakkında daha çok şey öğrenmek isterseniz mdn’ye bakabilirsiniz, sonraki yazıda görüşmek üzere.