JavaScript Array filter()

Definicja i użycie

filter() Metoda tworzy tablicę wypełnioną wszystkimi elementami tablicy, które przeszły test (jako funkcję dostarczoną)

Komentarz:filter() Nie wykona funkcji dla elementów tablicy bez wartości.

Komentarz:filter() Nie zmienia oryginalnej tablicy.

Przykład

Przykład 1

Zwraca tablicę zawierającą wszystkie wartości z tablicy ages 18 lat lub starsze:

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

Spróbuj sam

Przykład 2

Zwraca tablicę zawierającą wszystkie wartości z tablicy ages większe lub równe specyficznym liczbom:

<p>Minimalny wiek: <input type="number" id="ageToCheck" value="18"></p>
<button onclick="myFunction()">Spróbuj</button>
<p>Wszystkie wieki powyżej minimalnego: <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>

Spróbuj sam

Gramatyka

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

wartość parametru

Parametry Opis
function(currentValue, index, arr) Wymagane. Funkcja do uruchomienia dla każdego elementu tablicy.

Parametry funkcji:

Parametry Opis
currentValue Wymagane. Wartość bieżącego elementu.
index Opcjonalnie. Indeks tablicy bieżącego elementu.
arr Opcjonalnie. Obiekt tablicy, do którego należy bieżący element.
thisValue

Opcjonalnie. Wartość do przekazania funkcji jako wartość "this".

Jeśli ten parametr jest pusty, wartość "undefined" zostanie przekazana jako jej wartość "this".

Szczegółowe informacje techniczne

Zwrócona wartość: Zawiera tablicę wszystkich elementów tablicy, które przeszły test. Jeśli żaden element nie przeszło testu, zwraca pustą tablicę.
Wersja JavaScript: ECMAScript 5

Obsługa przeglądarek

Wszystkie przeglądarki obsługują ją w pełni filter() Metoda:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Wsparcie 9.0 Wsparcie Wsparcie Wsparcie Wsparcie

Strony związane

Tutorial:Tablice JavaScript

Tutorial:Const tablicy JavaScript

Tutorial:Metody tablicy JavaScript

Tutorial:Sortowanie tablicy JavaScript

Tutorial:Iteracja tablicy JavaScript