JavaScript Array filter()

tanımlama ve kullanım

filter() Test edilen tüm dizi elemanlarını içeren bir dizi oluşturan yöntem.

Açıklama:filter() Boş değeri içeren dizi elemanlarına bu fonksiyonu uygulamaz.

Açıklama:filter() Orjinal diziyi değiştirmez.

Örnek

Örnek 1

ages dizisindeki 18 yaş veya üstü tüm değerleri içeren bir dizi döndürür:

var ages = [32, 33, 16, 40];
function checkAdult(age) {
  return age >= 18;
}
function myFunction() {
  document.getElementById("demo").innerHTML = ages.filter(checkAdult);
}

Kişisel olarak deneyin

Örnek 2

ages dizisindeki tüm belirli sayıya eşit veya büyük değerleri içeren bir dizi döndürür:

<p>Minimum yaş: <input type="number" id="ageToCheck" value="18"></p>
<button onclick="myFunction()">Deneyin</button>
<p>Minimum yaşın üzerinde tüm yaşlar: <span id="demo"></span></p>
<script>
var ages = [32, 33, 12, 40];
function checkAdult(age) {
  return age >= document.getElementById("ageToCheck").value;
}
function myFunction() {
  document.getElementById("demo").innerHTML = ages.filter(checkAdult);
}
</script>

Kişisel olarak deneyin

Sözdizimi

dizi.filter(function(currentValue, index, arr), thisValue)

Parametre değeri

Parametre Açıklama
function(currentValue, index, arr) Gerekli. Dizideki her elemente çalıştırılacak fonksiyon.

Fonksiyon parametreleri:

Parametre Açıklama
currentValue Gerekli. Geçerli elementin değeri.
index İsteğe bağlı. Geçerli elementin dizi indeksi.
arr İsteğe bağlı. Geçerli elementin ait olduğu dizi nesnesi
thisValue

İsteğe bağlı. Fonksiyonun "this" değeri olarak iletilmek üzere kullanılacak değer.

Boş olursa, "undefined" değeri "this" değeri olarak iletilir.

Teknik ayrıntılar

Dönüş değeri: Test edilen tüm dizi elemanlarını içeren bir dizi. Eğer hiçbir eleman test edilmezse, bir boş dizi döndürülür.
JavaScript sürümü: ECMAScript 5

Tarayıcı desteği

Bütün tarayıcılar tamamen destekler filter() Yöntem:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Destek 9.0 Destek Destek Destek Destek

İlgili sayfalar

Ders:JavaScript dizisi

Ders:JavaScript dizisi Const

Ders:JavaScript dizisi yöntemleri

Ders:JavaScript dizisini sıralama

Ders:JavaScript dizisi döngüleri