JavaScript Array findIndex()

Definizione e uso

findIndex() La funzione restituisce l'indice del primo elemento della matrice che passa il test (fornito come funzione)

findIndex() La funzione esegue la funzione una volta per ogni elemento esistente nella matrice:

  • Se trova l'elemento della matrice per cui la funzione restituisce true, then findIndex() restituisce l'indice dell'elemento della matrice (e non verifica i valori rimanenti)
  • Altrimenti restituisce -1

Nota:findIndex() Non esegue la funzione per l'elemento della matrice senza valore.

Nota:findIndex() Non cambia l'array originale.

Esempio

Esempio 1

Ottieni l'indice dell'elemento della matrice che è uguale o maggiore di 18:

var età = [3, 10, 18, 20];
function checkAdult(age) {
  return age >= 18;
}
function myFunction() {
  document.getElementById("demo").innerHTML = ages.findIndex(checkAdult);
}

Prova tu stesso

Esempio 2

Ottieni l'indice dell'elemento della matrice che ha un valore superiore a un numero specifico:

<p>Età minima: <input type="number" id="ageToCheck" value="18"></p>
<button onclick="myFunction()">Prova</button>
<p>Età qualsiasi superiore a: <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.findIndex(checkAdult);
}
</script>

Prova tu stesso

Sintassi

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

Valore del parametro

Parametro Descrizione
function(currentValue, index, arr) Obbligatorio. La funzione eseguita per ogni elemento dell'array.

Parametro della funzione:

Parametro Descrizione
currentValue Obbligatorio. Il valore dell'elemento corrente.
index Opzionale. L'indice dell'array dell'elemento corrente.
arr Opzionale. L'oggetto array al quale appartiene l'elemento corrente.
thisValue

Opzionale. Il valore da passare alla funzione come valore "this".

Se questo parametro è vuoto, il valore "undefined" viene passato come valore "this".

Dettagli tecnici

Valore di ritorno: Se qualsiasi elemento dell'array supera il test, restituisce l'indice dell'elemento dell'array, altrimenti restituisce -1.
Versione di JavaScript: ECMAScript 6

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente questo metodo.

Chrome Edge Firefox Safari Opera
Chrome 45 Edge 12 Firefox 25 Safari 7.1 Opera 32
Settembre 2015 Luglio 2015 Luglio 2014 Settembre 2014 Settembre 2015

Nota:Internet Explorer non supporta findIndex() Metodo.

Pagine correlate

Tutorial:Array JavaScript

Tutorial:Array Const JavaScript

Tutorial:Metodi degli array JavaScript

Tutorial:Ordinamento degli array JavaScript

Tutorial:Iterazione degli array JavaScript