Jak filtrować elementy tablicy w JavaScript

JavaScript zapewnia różne funkcje i metody, które można użyć do wykonywania niektórych operacji na elementach tablicy. Metoda Filter () JavaScript umożliwia filtrowanie elementów tablicy na podstawie pewnych warunków. Warunek jest zdefiniowany w funkcji wywołania zwrotnego. Funkcja wywołania zwrotnego zawiera zestaw linii kodu, a ta funkcja wywołania zwrotnego jest przekazywana do metody Filter () jako argument.

Ten post zawiera działanie metody Filter () i zestaw przykładów, które pokazują, w jaki sposób metoda Fitter () filtruje elementy tablicy.

Jak filtrować elementy tablicy w JavaScript

Jak omówiono wcześniej, metoda filtra () jest praktykowana przez filtrowanie elementów tablicy w JavaScript. W tej sekcji przedstawiono pracę i użycie metody Filter () w JavaScript.

Jak używać metody Filter () w JavaScript

Przed zastosowaniem metody Filter () spójrzmy na składnię, aby uzyskać podstawową koncepcję metody Filter ().

szyk.Filtr (funkcja wywołania zwrotnego (VAL, indeks, tablica), ten-val)

Powyższa składnia ilustruje, że szyk jest

Metoda Filter () akceptuje dwa parametry oddzwonienie () I ten wartość

• Callback-Function () jest kluczowym interesariuszem, który przyjmuje trzy parametry Val, indeks i tablicę
• Val Reprezentuje, że wartość tablicy jest przekazywana
• Indeks pokazuje wskaźnik przekazywanego elementu
• Szyk Parametr w funkcji zwrotnej () oznacza tablicę elementu

Wartość zwracana metody Filter ()

Notatka: Val Do użycia jest konieczny parametr funkcji wywoławczych (). Pozostałe parametry są jednak opcjonalne i nie muszą być używane za każdym razem.

Przykład 1

Poniższy kod JavaScript wykorzystuje metodę filtra () do filtrowania określonych elementów tablicy.

var a = [2, 7, 11, 15, 18, 22]
funkcja nawet (num)
return num%2 == 0;

konsola.Log (a.filtr (nawet));

W powyższym kodzie tworzona jest tablica liczb, na której zastosowano metodę filtra (). Następnie tworzona jest funkcja, która filtruje tylko liczby parzyste, a ta funkcja jest przekazywana do metody Filter () jako argument.

Wyjście

Dane wyjściowe pokazuje, że tylko liczby z tablicy są wydrukowane na konsoli.

Przykład 2

Wyjaśniony tutaj przykład odfiltrowałby liczby dodatnie z tablicy.

var arr = [-2, 5, -10, -12, 7, 15]
funkcja pos (num)
return num> = 0;

konsola.log (ARR.filtr (POS));

Powyższy kod tworzy tablicę liczb, a następnie wykonywana jest funkcja wywołania zwrotnego, która zwraca liczby większe lub równe zero.

Wyjście

Wyjście pokazuje, że metoda filtra zwróciła tylko te liczby, które mają wartości większe lub równe zero.

Notatka: Można zaktualizować zawartość tablicy, zachowując tylko te wartości zwracane metodą Filter ().

Przykład 3

Poniższy kod praktykuje użycie metody Filter () w szeregu ciągów.

var str = [„Linux OS”, „Windows OS”, „MacOS”]
funkcja len (num)
return Num.długość> 5;

konsola.Log (str.filtr (len));

Powyższy kod tworzy szereg ciągów, a następnie zastosowana jest funkcja wywołania zwrotnego. Następnie funkcja wywołania zwrotnego zwróci tylko te elementy ciągów o długości większej niż 5.

Wyjście

Wyjście pokazuje, że zwracane są tylko te elementy ciągów, które mają długości większe niż 5.

Wniosek

W JS elementy tablicy można filtrować za pomocą metody filtru (). Głównym składnikiem metody Filter () jest funkcja wywołania zwrotnego. Metoda Filter () jest konieczna do wykonania za pomocą funkcji wywołania zwrotnego. Ta funkcja wywołania zwrotnego zawiera kilka wierszy kodu, które ustawiają warunek, który byłby użyty do filtrowania elementów tablicy. Przechodząc przez ten post, nauczyłbyś się filtrować elementy tablicy w JavaScript za pomocą metody filtra () wraz z zestawem przykładów.