JavaScript’te filter() metodu, belirli bir koşulu sağlayan elemanları filtreleyerek yeni bir array oluşturmak için kullanılır.
Özellikle arama, listeleme ve veri filtreleme işlemlerinde oldukça yaygın olarak kullanılmaktadır.
Bu yazıda JavaScript filter() kullanımını örneklerle inceleyeceğiz.
filter() Metodu Nedir?
filter() metodu, array içerisindeki her elemanı kontrol eder ve belirtilen koşulu sağlayan elemanları yeni bir array içerisinde döndürür.
Temel kullanım:
array.filter(function(item) {
return koşul;
});
Basit filter() Örneği
const numbers = [1, 2, 3, 4, 5];
const result = numbers.filter(number => number > 3);
console.log(result);
Çıktı:
[4, 5]
Çift Sayıları Filtreleme
const numbers = [1, 2, 3, 4, 5, 6];
const result = numbers.filter(number => number % 2 === 0);
console.log(result);
Çıktı:
[2, 4, 6]
String Verilerde filter() Kullanımı
const users = ["Ahmet", "Mehmet", "Ayşe"];
const result = users.filter(user => user.startsWith("A"));
console.log(result);
Object Dizilerinde filter() Kullanımı
const users = [
{ name: "Ahmet", active: true },
{ name: "Mehmet", active: false },
{ name: "Ayşe", active: true }
];
const result = users.filter(user => user.active);
console.log(result);
Birden Fazla Koşul Kullanımı
const products = [
{ name: "Laptop", price: 1000 },
{ name: "Mouse", price: 50 },
{ name: "Monitor", price: 300 }
];
const result = products.filter(
product => product.price >= 100
);
console.log(result);
filter() ve find() Arasındaki Fark
| Metod | Sonuç |
|---|---|
| filter() | Tüm eşleşen kayıtları döndürür |
| find() | İlk eşleşen kaydı döndürür |
Tüm Kullanımları İçeren Örnek
const users = [
{
name: "Ahmet",
age: 20
},
{
name: "Mehmet",
age: 30
},
{
name: "Ayşe",
age: 25
}
];
const adults = users.filter(
user => user.age >= 25
);
console.log(adults);
filter() Kullanım Alanları
- Arama işlemleri
- Ürün filtreleme
- Kullanıcı listeleme
- API verilerini süzme
- Frontend veri yönetimi
Sonuç
JavaScript filter() metodu, belirli koşullara göre veri filtrelemek için kullanılan güçlü ve kullanışlı bir array metodudur.
Modern web uygulamalarında arama ve filtreleme işlemlerinin temelini oluşturmaktadır.
Sık Sorulan Sorular (SSS)
filter() ne işe yarar?
Belirli bir koşulu sağlayan elemanları filtreleyerek yeni bir array oluşturur.
filter() orijinal array’i değiştirir mi?
Hayır, yeni bir array döndürür ve orijinal array üzerinde değişiklik yapmaz.
filter() kaç kayıt döndürür?
Koşulu sağlayan tüm kayıtları döndürür.
