JavaScript Dizisi bul()
örnek 1
18'in üzerinde bir değere sahip ilk elemanın değerini bulun:
const ages = [3, 10, 18, 20];
function checkAge(age) {
return age > 18;
}
function myFunction() {
document.getElementById("demo").innerHTML = ages.find(checkAge);
}
Tanım ve Kullanım
Yöntem find()
, bir testi geçen ilk öğenin değerini döndürür.
Yöntem find()
, her dizi öğesi için bir işlev yürütür.
Hiçbir öğe bulunamazsa find()
yöntem geri döner .undefined
Yöntem find()
, boş öğeler için işlevi yürütmez.
Yöntem find()
, orijinal diziyi değiştirmez.
Sözdizimi
array.find(function(currentValue, index, arr),thisValue)
parametreler
function() | Required. A function to run for each array element. |
currentValue | Required. The value of the current element. |
index | Optional. The index of the current element. |
arr | Optional. The array of the current element. |
thisValue | Optional. Default undefined .A value passed to the function as its this value. |
Geri dönüş değeri
Tip | Açıklama |
Bir değer |
Testi geçen ilk öğenin değeri. Aksi halde döner undefined . |
Tarayıcı Desteği
find()
bir ECMAScript6 (ES6) özelliğidir.
ES6 (JavaScript 2015) tüm modern tarayıcılarda desteklenir:
Chrome | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes |
find()
Internet Explorer 11'de (veya önceki sürümlerde) desteklenmez.
Örnek 2
Belirli bir sayının üzerinde bir değere sahip ilk öğenin değerini bulun:
<p><input type="number" id="ageToCheck" value="18"></p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
const ages = [4, 12, 16, 20];
function checkAge(age) {
return age > document.getElementById("ageToCheck").value;
}
function myFunction() {
document.getElementById("demo").innerHTML = ages.find(checkAge);
}
</script>