JavaScript Array filter()

定义和用法

filter() Metoden skapar en array som fylls med alla arrayelement som har passerat testet (som tillhandahålls som funktion).

Kommentar:filter() Funktionen körs inte på arrayelement utan värde.

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

Exempel

Exempel 1

Returnerar en array som består av alla värden i ages-arrayen som är 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);
}

Prova själv

Exempel 2

Returnerar en array som består av alla värden i ages-arrayen som är större än eller lika med ett specifikt nummer:

<p>Minimumsaldo: <input type="number" id="ageToCheck" value="18"></p>
<button onclick="myFunction()">Prova det</button>
<p>Alla åldrar över minimin: <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>

Prova själv

Syntax

array.filter(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. Den aktuella elementets värde.
index Valfritt. Den aktuella elementets arrayindex.
arr Valfritt. Den aktuella elementets arrayobjekt.
thisValue

Valfritt. Värdet som ska användas som "this"-värde för att passeras till funktionen.

Om denna parameter är tom, används värdet "undefined" som dess "this"-värde.

Tekniska detaljer

Returvärde: En array som innehåller alla arrayelement som har passerat testet. Om ingen element har passerat testet, returneras en tom array.
JavaScript-version: ECMAScript 5

Webbläsarstöd

Alla webbläsare stöder fullt ut filter() Metod:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Stöd 9.0 Stöd Stöd Stöd Stöd

Relaterade sidor

Tutorial:JavaScript-array

Tutorial:JavaScript-array Const

Tutorial:JavaScript-arraymetoder

Tutorial:JavaScript-sortera array

Tutorial:JavaScript-arrayiteration