Znajdź tablicę JavaScript()
Przykład 1
Znajdź wartość pierwszego elementu o wartości powyżej 18:
const ages = [3, 10, 18, 20];
function checkAge(age) {
return age > 18;
}
function myFunction() {
document.getElementById("demo").innerHTML = ages.find(checkAge);
}
Definicja i użycie
Metoda find()zwraca wartość pierwszego elementu, który przeszedł test.
Metoda find()wykonuje funkcję dla każdego elementu tablicy.
Metoda find()działa ponownie undefined, jeśli nie zostaną znalezione żadne elementy.
Metoda find()nie wykonuje funkcji dla pustych elementów.
Metoda find()nie zmienia oryginalnej tablicy.
Składnia
array.find(function(currentValue, index, arr),thisValue)
Parametry
| 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. |
Wartość zwrotu
| Rodzaj | Opis |
| Wartość |
Wartość pierwszego elementu, który przeszedł test. W przeciwnym razie zwraca undefined. |
Obsługa przeglądarki
find()to funkcja ECMAScript6 (ES6).
ES6 (JavaScript 2015) jest obsługiwany we wszystkich nowoczesnych przeglądarkach:
| Chrome | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes |
find() nie jest obsługiwany w programie Internet Explorer 11 (lub starszym).
Przykład 2
Znajdź wartość pierwszego elementu, który ma wartość powyżej określonej liczby:
<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>