JavaScript Array filter()

定义和用法

filter() Metoden opretter en array, der fyldes med alle arrayelementer, der har bestået test (som funktion leveret).

Bemærk:filter() Funktionen udføres ikke på arrayelementer uden værdi.

Bemærk:filter() Ændrer ikke den oprindelige array.

Eksempel

Eksempel 1

Returnerer en array bestående af alle værdier i ages-arrayet, der er 18 år eller ældre:

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

Prøv det selv

Eksempel 2

Returnerer en array bestående af alle værdier i ages-arrayet, der er større end eller lig med et bestemt nummer:

<p>Minimumsalder: <input type="number" id="ageToCheck" value="18"></p>
<button onclick="myFunction()">Prøv det</button>
<p>Alle aldre over 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>

Prøv det selv

Syntaks

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

Parameter værdi

Parameter Beskrivelse
function(currentValue, index, arr) Obligatorisk. Funktionen, der skal køres for hver element i arrayet.

Funktion参数:

Parameter Beskrivelse
currentValue Obligatorisk. Værdien for det aktuelle element.
index Valgfri. Den arrayindeks for det aktuelle element.
arr Valgfri. Den arrayobjekt, som den aktuelle element tilhører.
thisValue

Valgfri. Værdien, der skal overføres til funktionen som dens "this"-værdi.

Hvis denne parameter er tom, vil værdien "undefined" blive overført som dens "this"-værdi.

Tekniske detaljer

Returværdi: En array, der indeholder alle arrayelementer, der har bestået test. Hvis ingen elementer har bestået test, returns en tom array.
JavaScript version: ECMAScript 5

Browserversion

Alle browsere understøtter fuldt ud filter() Metode:

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

Relaterede sider

Lær at:JavaScript array

Lær at:JavaScript array Const

Lær at:JavaScript array metoder

Lær at:JavaScript sortér array

Lær at:JavaScript array iteration