JavaScript Array filter()

Definitie en gebruik

filter() Deze methode maakt een array aan die is gevuld met alle door het testproces geslaagde array-elementen (als functie verstrekt).

Opmerking:filter() Deze functie wordt niet uitgevoerd op arrayelementen zonder waarde.

Opmerking:filter() Verandert de oorspronkelijke array niet.

Voorbeeld

Voorbeeld 1

Retourneer een array met alle waarden uit de ages-array die 18 jaar of ouder zijn:

var ages = [32, 33, 16, 40];
function checkAdult(age) {
  return age >= 18;
}
function myFunction() {
  document.getElementById("demo").innerHTML = ages.filter(checkAdult);
}

Probeer het zelf

Voorbeeld 2

Retourneer een array met alle waarden uit de ages-array die groter zijn of gelijk zijn aan een specifieke getal:

<p>Minimumleeftijd: <input type="number" id="ageToCheck" value="18"></p>
<button onclick="myFunction()">Probeer het</button>
<p>Alle leeftijden boven het minimum: <span id="demo"></span></p>
<script>
var ages = [32, 33, 12, 40];
function checkAdult(age) {
  return age >= document.getElementById("ageToCheck").value;
}
function myFunction() {
  document.getElementById("demo").innerHTML = ages.filter(checkAdult);
}
</script>

Probeer het zelf

Syntaxis

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

parameterwaarden

Parameters Beschrijving
function(currentValue, index, arr) Verplicht. De functie die voor elk element in de 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 waarvan de huidige element behoort.
thisValue

Optioneel. De waarde die moet worden doorgegeven aan de functie om diens "this"-waarde te gebruiken.

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

Technische details

Retourwaarde: Een array die alle door het testproces geslaagde array-elementen bevat. Als er geen elementen geslaagd zijn, wordt een lege array geretourneerd.
JavaScript-versie: ECMAScript 5

Browserondersteuning

Alle browsers ondersteunen dit volledig filter() Methode:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Support 9.0 Support Support Support Support

Related pages

Tutorial:JavaScript array

Tutorial:JavaScript array Const

Tutorial:JavaScript array methods

Tutorial:JavaScript sort array

Tutorial:JavaScript array iteration