JavaScript Array find()
- Önceki sayfa filter()
- Sonraki sayfa findIndex()
- Üst seviyeye dön JavaScript Array Referans Kılavuzu
Tanım ve Kullanım
find()
Bu yöntem, testi geçen ilk elemanın değerini döndürür (fonksiyon olarak sağlanan)
find()
Bu yöntem, dizideki her bir elemana bir kez fonksiyonu uygular:
- find() fonksiyonu, true değer döndüren dizideki elemanın değerini döndürür (ve geri kalan değerleri kontrol etmez)
- Aksi takdirde undefined döndür
Açıklama:find()
Boş dizide bu fonksiyonu çalıştırmayın.
Açıklama:find()
Orijinal diziyi değiştirmez.
Örnek
Örnek 1
Dizideki ilk 18 veya daha büyük değeri bulan elemanın değerini alın:
var yaşlar = [3, 10, 18, 20]; function checkAdult(age) { return age >= 18; } function myFunction() { document.getElementById("demo").innerHTML = ages.find(checkAdult); }
Örnek 2
Belirli bir sayıdan yüksek olan dizideki ilk elemanın değerini almak:
<p>En düşük yaş: <input type="number" id="ageToCheck" value="18"></p> <button onclick="myFunction()">Deneyin</button> <p>Yukarıdaki herhangi bir yaş: <span id="demo"></span></p> <script> var ages = [4, 12, 16, 20]; function checkAdult(age) { return age >= document.getElementById("ageToCheck").value; } function myFunction() { document.getElementById("demo").innerHTML = ages.find(checkAdult); } </script>
Gramer
array.find(function(currentValue, index, arr), thisValue)
Parametre değeri
Parametre | Açıklama | ||||||||
---|---|---|---|---|---|---|---|---|---|
function(currentValue, index, arr) | Gerekli. Dizideki her bir elemana çalıştırılacak fonksiyon.
Fonksiyon parametreleri:
|
||||||||
thisValue |
Opsiyonel. Fonksiyonun "this" değeri olarak iletilmek üzere kullanılacak değer. Bu parametre boşsa, "undefined" değeri "this" değeri olarak iletilir. |
Teknik ayrıntılar
Dönüş değeri: | Dizideki herhangi bir eleman test edilirse, dizinin eleman değerini döndürür, aksi takdirde undefined döndürür. |
---|---|
JavaScript sürümü: | ECMAScript 6 |
Tarayıcı desteği
Tablo içindeki sayılar, bu yöntemi tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome 45 | Edge 12 | Firefox 25 | Safari 7.1 | Opera 32 |
2015 Yılı Eylül | 2015 Yılı Temmuz | 2014 Yılı Temmuz | 2014 Yılı Eylül | 2015 Yılı Eylül |
Açıklama:Internet Explorer desteklemiyor find()
Yöntemleri.
İlgili sayfalar
Rehber:JavaScript dizisi
Rehber:JavaScript dizisi Const
Rehber:JavaScript dizisi yöntemleri
Rehber:JavaScript dizisini sıralama
Rehber:JavaScript dizisi döngüleri
- Önceki sayfa filter()
- Sonraki sayfa findIndex()
- Üst seviyeye dön JavaScript Array Referans Kılavuzu