JavaScript Array findIndex()

Definicja i użycie

findIndex() Metoda zwraca indeks pierwszego elementu tablicy, który przejdzie test (jako funkcję dostarczoną)

findIndex() Metoda wykona funkcję dla każdego elementu istniejącego w tablicy:

  • Jeśli znajdzie element tablicy, dla którego funkcja zwraca wartość true, funkcja findIndex() zwróci indeks tego elementu tablicy (i nie sprawdza reszty wartości)
  • W przeciwnym razie zwróć -1

Komentarz:findIndex() Nie wykona funkcji dla elementów tablicy bez wartości.

Komentarz:findIndex() Nie zmieni oryginalnej tablicy.

Przykład

Przykład 1

Pobierz indeks elementu w tablicy, który jest równy lub większy niż 18:

var wiek = [3, 10, 18, 20];
function checkAdult(age) {
  zwróć age >= 18;
}
function myFunction() {
  document.getElementById("demo").innerHTML = ages.findIndex(checkAdult);
}

Spróbuj sam

Przykład 2

Uzyskaj indeks elementu w tablicy, którego wartość jest wyższa niż określona liczba:

<p>Minimalny wiek: <input type="number" id="ageToCheck" value="18"></p>
<button onclick="myFunction()">Spróbuj</button>
<p>Wszystkie wieki powyżej: <span id="demo"></span></p>
<script>
var ages = [4, 12, 16, 20];
function checkAdult(age) {
  zwróć age >= document.getElementById("ageToCheck").value;
}
function myFunction() {
  document.getElementById("demo").innerHTML = ages.findIndex(checkAdult);
}
</script>

Spróbuj sam

Gramatyka

tablica.findIndex(function(currentValue, index, arr), thisValue)

wartości parametrów

Parametry Opis
function(currentValue, index, arr) Wymagane. Funkcja do uruchomienia dla każdego elementu w tablicy.

Parametry funkcji:

Parametry Opis
currentValue Wymagane. Wartość bieżącego elementu.
index Opcjonalnie. Indeks bieżącego elementu w tablicy.
arr Opcjonalnie. Obiekt tablicy, do którego należy bieżący element.
thisValue

Opcjonalnie. Wartość do przekazania funkcji jako wartość "this".

Jeśli ten parametr jest pusty, wartość "undefined" zostanie przekazana jako jej wartość "this".

Szczegółowe informacje techniczne

Zwrócona wartość: Jeśli któryś element tablicy przeszło test, zwróci indeks elementu tablicy, w przeciwnym razie zwróci -1.
Wersja JavaScript: ECMAScript 6

Obsługa przeglądarek

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę metodę.

Chrome Edge Firefox Safari Opera
Chrome 45 Edge 12 Firefox 25 Safari 7.1 Opera 32
wrzesień 2015 roku lipiec 2015 roku lipiec 2014 roku wrzesień 2014 roku wrzesień 2015 roku

Komentarz:Internet Explorer nie obsługuje findIndex() Metoda.

Strony związane

Tutorial:Tablica JavaScript

Tutorial:Const tablicy JavaScript

Tutorial:Metody tablicy JavaScript

Tutorial:Sortowanie tablicy JavaScript

Tutorial:Iteracja tablicy JavaScript