JavaScript Array filter()

定义和用法

filter() Die Methode erstellt ein Array, das alle durch den Test geprüften Array-Elemente (als Funktion bereitgestellt) enthält.

Anmerkung:filter() Führt diese Funktion nicht auf Array-Elementen ohne Wert aus.

Anmerkung:filter() Verändert das ursprüngliche Array nicht.

Beispiel

Beispiel 1

Geben Sie ein Array zurück, das alle Werte enthält, die im ages-Array 18 Jahre oder älter sind:

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

Versuchen Sie es selbst

Beispiel 2

Geben Sie ein Array zurück, das alle Werte enthält, die im ages-Array größer oder gleich einem bestimmten Wert sind:

<p>Mindestalter: <input type="number" id="ageToCheck" value="18"></p>
<button onclick="myFunction()">Versuchen Sie es</button>
<p>Alle Altersgruppen über dem Mindestalter: <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>

Versuchen Sie es selbst

Syntax

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

Argumentwerte

Parameter Beschreibung
function(currentValue, index, arr) Erforderlich. Die Funktion, die für jedes Element im Array ausgeführt wird.

Funktion参数:

Parameter Beschreibung
currentValue Erforderlich. Der Wert des aktuellen Elements.
index Optional. Der Array-Index des aktuellen Elements.
arr Optional. Das Array-Objekt, dem das aktuelle Element angehört.
thisValue

Optional. Der Wert, der an die Funktion übergeben wird, um ihn als "this"-Wert zu verwenden.

Optional. Der Wert, der als "this"-Wert an die Funktion übergeben wird, wenn dieser Parameter leer ist.

Technische Details

Rückgabewert: Ein Array, das alle durch den Test geprüften Array-Elemente enthält. Wird kein Element den Test bestehen, wird ein leeres Array zurückgegeben.
JavaScript-Version: ECMAScript 5

Browser-Unterstützung

Alle Browser unterstützen dies vollständig filter() Methode:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Unterstützung 9.0 Unterstützung Unterstützung Unterstützung Unterstützung

Verwandte Seiten

Tutorium:JavaScript-Array

Tutorium:JavaScript-Array-Const

Tutorium:JavaScript-Array-Methode

Tutorium:JavaScript-Array-Sortierung

Tutorium:JavaScript-Array-Iteration