JavaScript Array find()

Definitie en gebruik

find() De methode retourneert de waarde van het eerste element in de array dat de test通过了（作为提供的函数）

find() De methode voert de functie een keer uit voor elk element dat bestaat in de array:

  • Als de find() functie een waarde retourneert die true is voor het element in de array, retourneert find() de waarde van dat element (en controleert geen overige waarden)
  • Retourneer undefined anders

Opmerking:find() Voer deze functie niet uit op een lege array.

Opmerking:find() Verander niet het oorspronkelijke array.

Voorbeeld

Voorbeeld 1

Verkrijg de waarde van het eerste element in de array dat 18 of groter is:

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

Probeer het zelf

Voorbeeld 2

Verkrijg de waarde van het eerste element in het array dat hoger is dan een specifieke getal:

<p>Minimumleeftijd: <input type="number" id="ageToCheck" value="18"></p>
<button onclick="myFunction()">Probeer het</button>
<p>Alle leeftijden boven: <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>

Probeer het zelf

Syntaxis

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

Waarde van het parameter

Parameters Beschrijving
function(currentValue, index, arr) Verplicht. De functie die voor elk element in het array wordt uitgevoerd.

Functieparameters:

Parameters Beschrijving
currentValue Verplicht. De waarde van het huidige element.
index Optioneel. De arrayindex van het huidige element.
arr Optioneel. Het arrayobject waartoe het huidige element behoort.
thisValue

Optioneel. De waarde die moet worden doorgegeven aan de functie om als zijn "this"-waarde te dienen.

Indien deze parameter leeg is, wordt de waarde "undefined" als zijn "this"-waarde doorgegeven.

Technische details

Retournerende waarde: Retourneert de waarde van het element in het array als een van de elementen door de test wordt goedgekeurd, anders retourneert het undefined.
JavaScript-versie: ECMAScript 6

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die deze methode volledig ondersteunt.

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

Opmerking:Internet Explorer niet ondersteund find() Methods.

Related pages

Tutorial:JavaScript array

Tutorial:JavaScript array Const

Tutorial:JavaScript array methods

Tutorial:JavaScript sorting array

Tutorial:JavaScript array iteration