De filter() metod skapar en ny array fylld med element som klarar ett test som tillhandahålls av en funktion. Det är ett kraftfullt verktyg för att selektivt extrahera data från arrayer baserat på specificerade kriterier. Noterbart ignorerar den tomma element, vilket förbättrar dess effektivitet och tillförlitlighet i datafiltreringsoperationer.
Syntax:
array.filter(callback(element, index, arr), thisValue)>
Parametrar:
Denna metod accepterar fem parametrar som nämnts ovan och beskrivs nedan:
| Parameter | Beskrivning |
|---|---|
| ring tillbaka | Funktionen ska anropas för varje element i arrayen. |
| element | Värdet på elementet som för närvarande bearbetas. |
| index | (Valfritt) Indexet för det aktuella elementet i arrayen, med start från 0. |
| arr | (Valfritt) Den kompletta arrayen på vilkenArray.every>kallas. |
| detta värde | (Valfritt) Kontexten som ska skickas somthis>som ska användas när återuppringningsfunktionen utförs. Om det inte tillhandahålls,undefined>används som standardkontext. |
Returvärde:
Den returnerar en array av element som klarar testet och en tom array om inga element klarar testet.
Exempel 1: I det här exemplet skapar metoden filter() en ny array som endast består av de element som uppfyller villkoret som kontrolleras av funktionen canVote().
JavaScript // JavaScript to illustrate findIndex() method function canVote(age) { return age>= 18; } function func() { let filtered = [24, 33, 16, 40].filter(canVote); console.log(filtrerad); } func();> Produktion:
[24,33,40]>
Exempel 2: I detta exempel, metoden filtrera() skapar en ny array som endast består av de element som uppfyller villkoret som kontrolleras av isPositive() fungera.
Javascript function isPositive(value) { return value>0; } låt filtreras = [112, 52, 0, -1, 944].filter(isPositive); console.log(filtrerad);> Produktion:
[112,52,944]>
Exempel 3: I detta exempel, metoden filtrera() skapar en ny array som endast består av de element som uppfyller villkoret som kontrolleras av är jämnt() fungera.
Javascript function isEven(value) { return value % 2 == 0; } let filtered = [11, 98, 31, 23, 944].filter(isEven); console.log(filtered);> Produktion:
[98,944]>
Vi har en komplett lista med Javascript Array-metoder, gå igenom detta för att kontrollera dem Javascript Array Komplett referens artikel.
Webbläsare som stöds:
java delsträng innehåller
Webbläsarna som stöds av JavaScript Array filter() metoden listas nedan:
- Google Chrome
- Kant
- Firefox
- Opera
- Safari
Vi har ett fuskblad på Javascript där vi täckte alla viktiga ämnen i Javascript för att kontrollera dem, gå igenom Javascript Cheat Sheet-En grundläggande guide till JavaScript .