JavaScript Array findIndex()

Definition och användning

findIndex() Metoden returnerar indexet för det första elementet i arrayen som passerar testet (som funktionen tillhandahålls).

findIndex() Metoden kör funktionen en gång för varje element som finns i arrayen:

  • Om en arrayelement hittas som returnerar true från funktionen, returnerar findIndex() indexet för det arrayelementet (och kontrollerar inte de återstående värdena)
  • Annars returnera -1

Kommentar:findIndex() Kör inte funktionen för arrayelement utan värde.

Kommentar:findIndex() Förändrar inte den ursprungliga arrayen.

Exempel

Exempel 1

Hämta index för det första elementet i arrayen som är lika med eller större än 18:

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

Prova själv

Exempel 2

Hämta index för det första elementet i arrayen som har ett värde högre än ett specifikt nummer:

<p>Minsta ålder: <input type="number" id="ageToCheck" value="18"></p>
<button onclick="myFunction()">Prova det</button>
<p>Eventuella åldrar över: <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 själv

Syntax

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

Parametervärde

Parameter Beskrivning
function(currentValue, index, arr) Obligatorisk. Funktionen som körs för varje element i arrayen.

Funktionens parametrar:

Parameter Beskrivning
currentValue Obligatorisk. Nuvarande elementets värde.
index Valfritt. Nuvarande elementets arrayindex.
arr Valfritt. Den nuvarande elementets arrayobjekt.
thisValue

Valfritt. Värdet som ska passeras till funktionen som används som dess "this"-värde.

Om detta parametrar är tomt, används värdet "undefined" som dess "this"-värde.

Tekniska detaljer

Returvärde: Om någon element i arrayen passerar testet, returneras index för arrayelementet, annars returneras -1.
JavaScript-version: ECMAScript 6

Webbläsarstöd

Talen i tabellen anger den första webbläsarens version som fullständigt stöder denna metod.

Chrome Edge Firefox Safari Opera
Chrome 45 Edge 12 Firefox 25 Safari 7.1 Opera 32
September 2015 Juli 2015 Juli 2014 September 2014 September 2015

Kommentar:Internet Explorer inte stöds findIndex() metoder.

Relaterade sidor

Tutorial:JavaScript-array

Tutorial:JavaScript-array Const

Tutorial:JavaScript-arraymetoder

Tutorial:JavaScript-sortera array

Tutorial:JavaScript-arrayiteration