JavaScript de Array.find() metodunu, dizi elemanlarını bir döngüye alıp sırasıyla her bir dizi elemanını belirlediğimiz bir koşula tabi tutup ilk koşulu sağlayan dizi elemanını bulmak için kullanabiliriz.
JavaScript Array.find() Kullanımı
Array.find() metodu ile bir dizinin tüm elemanlarını döngüye alabiliriz.
Kullanımı şu şekildedir:
|
1 2 3 4 5 6 7 8 9 10 11 |
<script> diziAdi.find(function (value, index, array) { // Çalıştırılacak Kodlar }); </script> |
Burada function içerisinde 3 parametre tanımlayabiliyoruz. Bunlar:
- value : Bu parametre zorunludur ve dizi elemanlarının değerini tutar.
- index : Bu parametre isteğe bağlıdır ve dizi elemanlarının indeks numarasını tutar.
- array : Bu parametre isteğe bağlıdır ve dizinin kendisini tutar.
Şimdi bir dizi tanımlayalım ve find metodu ile dizi elemanları içerisinde dönelim.
Dizi elemanları içerisinde 50’den büyük olan ilk elemanı console ekranına yazdıralım.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<script> var sayilar = [4, 49, 18, 55, 76]; var sonuc = sayilar.find(function(value){ return value > 50; }); console.log(sonuc); </script> |
Çıktısı : 55
JavaScript Array.findIndex() Kullanımı
JavaScript de Array.findIndex() metodunu, dizi elemanlarını bir döngüye alıp sırasıyla her bir dizi elemanını belirlediğimiz bir koşula tabi tutup ilk koşulu sağlayan dizi elemanının indeks numarasını bulmak için kullanabiliriz.
Kullanımı şu şekildedir:
|
1 2 3 4 5 6 7 8 9 10 11 |
<script> diziAdi.findIndex(function (value, index, array) { // Çalıştırılacak Kodlar }); </script> |
Burada function içerisinde 3 parametre tanımlayabiliyoruz. Bunlar:
- value : Bu parametre zorunludur ve dizi elemanlarının değerini tutar.
- index : Bu parametre isteğe bağlıdır ve dizi elemanlarının indeks numarasını tutar.
- array : Bu parametre isteğe bağlıdır ve dizinin kendisini tutar.
Şimdi de dizi elemanları içerisinde 50’den büyük olan ilk elemanın indeks numarasını console ekranına yazdıralım.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<script> var sayilar = [4, 49, 18, 55, 76]; var sonuc = sayilar.findIndex(function(value){ return value > 50; }); console.log(sonuc); </script> |
Çıktısı : 3
JavaScript de Array.find() ve Array.findIndex() metodlarının kullanımları bu şekilde.
Umarım sizin için faydalı bir yazı olmuştur.
Şu yazılar da ilginizi çekebilir.
JavaScript Diziler (Dizi Oluşturma, Dizi Elemanlarına Erişme..)
JavaScript Dizi Metodları (pop, push, shift, unshift, slice..)
JavaScript Dizilerde Sıralama – En Küçük veya En Büyük Değeri Bulma
Yeni bir yazımda görüşmek üzere.
 ve Array.findIndex() Kullanımı){kind=link}