Filtri (), harta () dhe reduktimi () funksionojnë në JavaScript
map()
, filter()
dhe reduce()
janë tre funksione që lehtësojnë operacionet tona në vargje.
Në këtë artikull, unë do të shpjegoj me shembuj se si përdoren këto tre funksione që lehtësojnë operacionet tona në vargje.
Funksioni i filtrit
Metoda filter()
pranon një funksion të kthimit të thirrjes dhe kthen një grup të ri.
* Metoda filter() krijon një grup të ri të mbushur me elementë që kalojnë një test të dhënë nga një funksion.
* Metoda filter() nuk e ekzekuton funksionin për elementët bosh.
* Metoda filter() nuk e ndryshon grupin origjinal.
Me pak fjalë, nëse duam të filtrojmë në një grup, mund të përdorim funksionin filter().
Sintaksa:
filter((element) => { /* ... */ } )
Shembull:
Ne kemi një grup të quajtur array
që mban id
informacionet.
Në shembullin tonë, unë dua të filtroj elementë me ID më të madh se 65.
Ne shkruajmë funksionin e filtrit dhe ia caktojmë variablit me emrin rezultat. Ne e printojmë këtë variabël në ekran
Ne kemi filtruar me sukses elementë me id më të madh se 65.
Funksioni i hartës
Ne përdorim funksionin map()
për të rindërtuar një grup në formatin siç dëshirojmë.
* Map() krijon një grup të ri nga thirrja e një funksioni për çdo element të grupit.
* Map() thërret një funksion një herë për çdo element në një grup.
* Map() nuk e ekzekuton funksionin për elementet boshe.
* Map() nuk e ndryshon grupin origjinal.
Metoda map()
krijon një grup të ri të mbushur me rezultatet e thirrjes së një funksioni të dhënë në çdo element në grupin thirrës.
Sintaksa:
map((element) => { /* ... */ })
Shembull:
Ne kemi një grup të quajtur array
që mban informacionet id
dhe name
.
Dua të marr fushat id
dhe name
të informacionit, id-ja e të cilave është më e madhe se 105. Mbaj informacionin id
në mapId
dhe informacionin name
në nameMap
.
Ne shkruajmë funksionin e filtrit dhe hartës dhe më pas ia caktojmë variablit me emrin resultMap. Ne e printojmë këtë variabël në ekran.
Ne kemi filtruar dhe hartuar me sukses elementët me id më të madh se 105.
Funksioni i reduktimit
Qëllimi i funksionit reduce()
është të reduktojë të gjithë elementët e grupit origjinal në një nga vlera primitive ose vlera e objektit.
* Metoda Reduce() ekzekuton një funksion reduktues për elementin e grupit.
* Metoda Reduce() kthen një vlerë të vetme: rezultatin e akumuluar të funksionit.
* Metoda Reduce() nuk e ekzekuton funksionin për elementët e vargut bosh.
* Metoda Reduce() nuk e ndryshon grupin origjinal.
Metoda reduce()
ekzekuton një funksion "reduktues" të ofruar nga përdoruesi në secilin element të grupit, në mënyrë që të kalojë në vlerën e kthyer nga llogaritja në elementin e mëparshëm. Rezultati përfundimtar i ekzekutimit të reduktuesit në të gjithë elementët e grupit është një vlerë e vetme.
Sintaksa:
reduce((previousValue, currentValue) => { /* ... */ } )
Shembull:
Ne kemi një grup të quajtur array
që mban informacionet id
dhe name
.
Unë dua të gjej shumën e ID-ve në grupin e quajtur array
.
Ne shkruajmë funksionin Reduce() më pas ia caktojmë variablit me emrin idSum. Ne e printojmë këtë variabël në ekran.
Kemi reduktuar me sukses elementet me ID.
konkluzioni
Ne rishikuam funksionet filter()
, map()
dhe reduce()
në nivelin fillestar. Ato i bëjnë operacionet tona shumë më të lehta kur përdoren siç duhet.
Referencat
Më shumë përmbajtje në plainenglish.io. Regjistrohu për buletinin tonë javor falas. Merrni qasje ekskluzive në mundësitë e shkrimit dhe këshilla në Mosmarrëveshjet në komunitet.