javascript-filter

| | | | | | | | | | | | | | | | | | | | | | | | |

De filtermethode JavaScript () maakt een array van elementen uit een bestaande array. De methode filter () neemt een callback-functie als argument. Deze functie evalueert of een item moet worden toegevoegd aan de nieuwe lijst van de bestaande.

Als je JavaScript , je hebt misschien nog nooit gehoord van de Javascript-functies filter () en reduce (). Deze functies kunnen handig zijn bij het werken met een lijst met objecten, ook wel een array genoemd.

Als u alleen bepaalde waarden ‚Äã‚Äãuit een array wilt halen, moet u in staat om de JavaScript-functie filter () te gebruiken. In deze tutorial zullen we aan de hand van voorbeelden zien hoe de functie filter () gebruikt kan worden.

Update array namento < s pan class = "ez-toc-section-end">

Een JavaScript-array slaat nul of meer elementen op. De elementen kunnen getallen, andere arrays, strings zijn of een ander type gegevens gebruiken. Ze gebruiken genummerde indexen die beginnen met " 0 " om toegang te krijgen tot specifieke items.

Arrays stellen u in staat meerdere waarden ‚Äã‚Äãin dezelfde variabele op te slaan. Het kan u helpen om beter en schoner te schrijven, omdat u niet meerdere variabelen hoeft te schrijven om uw waarden op te slaan.

Hier is een voorbeeld van een JavaScript-array:

JavaScript-filters array

De methode JavaScript-arrayfilter () maakt een nieuwe array aan op basis van de inhoud van een bestaande array. De methode filter () evalueert een callback-functie op elk element van een bestaande array. Alles dat voldoet aan de voorwaarde van de callback-functie wordt toegevoegd aan een nieuwe lijst.

Met behulp van de filtermethode kunnen we de waarden ophalen die aan bepaalde criteria voldoen en deze toevoegen aan een nieuwe array.

JavaScript-arrayfiltersyntaxis

De filtermethode gebruikt de volgende syntaxis:

Deze code definieert een array met de naam" newArr "gebaseerd op de inhoud van de array "oldArr". Onze callback-functie retourneert een waarde naar de nieuwe array als aan een voorwaarde is voldaan. Voorbeelden van voorwaarden:

U kunt JavaScript-vergelijkingsoperatoren gebruiken om uw voorwaarden te creëren. Of je kunt een if-statement gebruiken. Door een if-statement te gebruiken, kun je bepalen welke van de meerdere waarden aan een nieuwe lijst wordt toegevoegd.

Voorbeelden van JavaScript-filters

Filter een lijst met getallen

Laten we beginnen met een eenvoudig voorbeeld. We hebben een boodschappenlijstje in een café. We willen een nieuwe lijst maken met aankopen van meer dan $ 10.

Onze boodschappenlijst ziet er als volgt uit:

We kunnen de filter ()-methode gebruiken om aankopen met een waarde groter dan $ 10 op te halen:

Ons programma controleert of een aankoop meer dan $ 10 waard is. Een aankoop wordt toegevoegd aan onze big_purchases lijst als deze meer dan $ 10 waard is. Anders, de aankoop wordt weggelaten.

De waarde van de big_purchases JavaScript-variabele is:

De methode filter () retourneert alle elementen die het overschrijdt in de test die we hebben gedefinieerd. Deze test is "item> 10". Als we toegang wilden tot elke aankoop, konden we verwijzen naar onze originele lijst met "aankopen". Onze methode filter () retourneert een reeks waarden ‚Äã‚Äãgroter dan $ 10.

Filter een reeks objecten

We hebben een reeks die de namen van iedereen in een school bevat :

En als we alleen studenten willen herstellen die in het eerste jaar zitten? Filter () maakt dit gemakkelijker. Laten we een functie schrijven die alle eersteklassers in de array "studenten" teruggeeft:

Filter () accepteert één parameter. Dit is een functie die bepaalt welke actie u onderneemt op uw gegevens.

Het filter functie () onderzoekt elk object in de array "studenten". filter () geeft studenten terug van wie de klas gelijk is aan "Eerste jaar". De operator "===" betekent gelijkheid.

De filterfunctie maakt een nieuwe array met deze nieuwe waarden, toegankelijk via de variabele "firstGradeStudents".



Conclusie

U kunt de filter () array-methode gebruiken om een nieuwe tabel te maken van de inhoud van een bestaande tabel. De index staat in de naam met de filter () methode. filter () filtert de elementen van een bestaande array.

En dat is alles! U kunt nu met nog meer veiligheid reduce () gebruiken in JavaScript. Lees ons artikel over de beste JavaScript-zelfstudies voor beginners voor meer informatie over het coderen in JavaScript.