JavaScript Array find()

Definition och användning

find() Metoden returnerar värdet för det första elementet i arrayen som passerar testet (som tillhandahålls som funktion)

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

  • Om en arrayelement hittas som returnerar true från funktionen, returnerar find() värdet för det hittade arrayelementet (och kontrollerar inte de återstående värdena)
  • Annars returneras undefined

Kommentar:find() Utför inte funktionen på en tom array.

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

Exempel

Exempel 1

Hämta värdet för den första elementet i arrayen som är 18 eller större:

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

Prova själv

Exempel 2

Hämta värdet för den 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</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.find(checkAdult);
}
</script>

Prova själv

Syntax

array.find(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. Värdet för det aktuella elementet.
index Valfritt. Den aktuella elementets arrayindex.
arr Valfritt. Det arrayobjekt som den aktuella elementet tillhör.
thisValue

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

Om detta parameter ä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 värdet av arrayelementet, annars returneras undefined.
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
2015 år 9 2015 år 7 2014 år 7 2014 år 9 2015 år 9

Kommentar:Internet Explorer inte stöds find() Metoder.

Relaterade sidor

Tutorial:JavaScript-array

Tutorial:JavaScript-array Const

Tutorial:JavaScript-arraymetoder

Tutorial:JavaScript-sortera array

Tutorial:JavaScript-arrayiteration