JavaScript Filter Kullanımı

Bu yazımda javascript’de kullanılan filter metodundan bahsedeceğim.

Filter metodu bir array üzerinde istenilen koşula göre filtreleme yapmak istenildiğinde kullanılır.
Konunun daha da anlaşılması için aşağıdaki örnekleri inceleyelim.

Örnek 1

const dizi = [1, 2, 3, 4, 5];
const filterDizi = dizi.filter(sayi => sayi > 2);
console.log(filterDizi);

Burada elemanları 1,2,3,4,5 olan bir dizi tanımladık ve bu dizide 2 den büyük elemanları filtreledik.
Konsol çıktısı : [3, 4, 5] olacaktır.
 

Örnek 2

var dizi = [1, 2, 3, 4, 5, 6];
var filterDizi = dizi.filter(function (sayi) {
    if (sayi < 4) {
        return true;
    }
});
console.log(filterDizi);

Burada yine elemanları 1,2,3,4,5,6 olan bir dizi tanımladık ve burada da 4 den küçük olanları filtrelemiş olduk.
İşlemin konsol çıktısı : [1, 2, 3] olacaktır.
 

Örnek 3

var arr = [
    { urun: "Ürün1", stok: "10" },
    { urun: "Ürün2", stok: "15" },
    { urun: "Ürün3", stok: "20" },
    { urun: "Ürün4", stok: "25" }];
var urunFilter = arr.filter(function (dizi) {
    if (dizi.stok >= 15) { return true; }
});

urunFilter.forEach(x => {
    console.log(x.urun);
});

Burada da ürün isimlerinin ve stok adetlerinin olduğu bir dizi tanımladık ve stok adedi 15 den büyük olanları filtrelemiş olduk.
Sonucu ise forEach döngüsünü kullanarak konsola yazmış olduk. İşlemin konsol çıktısı:
Ürün2
Ürün3
Ürün4

şeklinde olacaktır.
 
Örnekleri basit tutarak filter yapısını anlatmaya çalıştım, umarım faydalı bir yazı olmuştur. Sorularınızı ya da görüşlerinizi yorumlarda belirtirseniz sevinirim.
 

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir