JavaScript Array findIndex()

Definition und Verwendung

findIndex() Die Methode gibt den Index des ersten Elements im Array zurück, das den Test besteht (als von der Funktion bereitgestelltes Element)

findIndex() Die Methode führt die Funktion für jedes Element im Array einmal aus:

  • Wenn ein Arrayelement gefunden wird, das den Wert true zurückgibt, gibt findIndex() den Index dieses Arrayelements zurück (und überprüft keine weiteren Werte)
  • Sonst wird -1 zurückgegeben

Anmerkung:findIndex() Führt die Funktion nicht für Arrayelemente ohne Wert aus.

Anmerkung:findIndex() Verändert das ursprüngliche Array nicht.

Beispiel

Beispiel 1

Erhalten Sie den Index des ersten Elements im Array, das größer oder gleich 18 ist:

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

Versuchen Sie es selbst

Beispiel 2

Den Index des ersten Elements im Array finden, dessen Wert höher als eine bestimmte Zahl ist:

<p>Minimum age: <input type="number" id="ageToCheck" value="18"></p>
<button onclick="myFunction()">Try it</button>
<p>Any ages above: <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>

Versuchen Sie es selbst

Syntax

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

Parameterwert

Parameter Beschreibung
function(currentValue, index, arr) Erforderlich. Die Funktion, die für jedes Element im Array ausgeführt wird.

Funktion参数：

Parameter Beschreibung
currentValue Erforderlich. Der Wert des aktuellen Elements.
index Optional. Die Array-Indexnummer des aktuellen Elements.
arr Optional. Das Arrayobjekt, zu dem das aktuelle Element gehört.
thisValue

Optional. Der Wert, der an die Funktion übergeben wird, um als "this"-Wert zu dienen.

Wenn dieses Parameter leer ist, wird der Wert "undefined" als sein "this"-Wert übermittelt.

Technische Details

Rückgabewert: Wenn irgendeines der Elemente im Array den Test besteht, wird die Indexnummer des Arrayelements zurückgegeben,否则返回 -1。
JavaScript-Version: ECMAScript 6

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browserversion an, die diese Methode vollständig unterstützt.

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

Anmerkung:Internet Explorer unterstützt nicht findIndex() Methode.

Verwandte Seiten

Tutorial:JavaScript-Array

Tutorial:JavaScript-Array-Const

Tutorial:JavaScript-Array-Methode

Tutorial:JavaScript-Array-Sortierung

Tutorial:JavaScript-Array-Iteration