Dit is nie net nodig vir 'n ontwikkelaar om take te voltooi nie, maar dit is ook nodig om take op 'n meer doeltreffende manier te doen. Daar is vandag verskeie biblioteke in JavaScript beskikbaar wat dit vir ontwikkelaars makliker maak om met veranderlikes te werk. Ons sal in hierdie tutoriaal leer hoe om die Lodash-biblioteek se mees algemene funksies te gebruik.
As jy Lodash nog nie probeer het nie, is dit nou die oomblik. Lodash is 'n kontemporêre JavaScript-nutspakket wat die werk met skikkings, heelgetalle, voorwerpe, tekste en ander datatipes makliker maak.
Dit sal jou help om verskeie soorte voorwerpe te hanteer en sal jou tyd bespaar deur die behoefte om generiese metodes te kodeer uit te skakel. Jou kode sal skoner wees met minder reëls en sal in alle blaaiers funksioneer. As jy dit nie reeds gebruik nie, moet jy dit noukeurig oorweeg.
Om Lodash nie aan te neem nie, is 'n groot verlies vir ons JavaScript-kodebasisse. Dit is 'n foutvrye en elegante oplossing vir algemene uitdagings wat ons by die werk het, en die gebruik daarvan sal ons kode net meer leesbaar en hanteerbaar maak.
Kom ons delf in sommige van die meer gewilde (of nie!) Lodash-funksies en ontdek hoe uiters nuttig en pragtig hierdie biblioteek is.
1. _.sortedUniq
Alle gedupliseerde waardes sal nie saam met hierdie een teruggestuur word nie. Omdat dit net vir gesorteerde skikkings is, word dit hoofsaaklik vir spoedredes gebruik. Dit is slegs nuttig as jy met 'n groot verskeidenheid te doen het. As jy spoed wil verbeter, sorteer jou skikking en gebruik metodes wat beter werk met gesorteerde skikkings.
Lodash het 'n aantal ander funksies wat soortgelyk is hieraan. Jy kan kyk na .sortedIndex, .sortedIndexBy, .sortedIndexOf, .sortedLastIndex, .sortedLastIndexBy, .sortedLastIndexOf, .sortedUniq, .sortedUniqBy, .sortedUniqByBy,Bysorted.
2. _.verminder
_.reduce is soortgelyk aan 'n filterfunksie. Die enigste verskil is dat jy die opsie het om die vorm van die teruggekeerde voorwerp te kies. Dit is normaal, as jy nie verstaan wat ek sê nie; daar is 'n voorbeeld daarvoor.
In wese gee ons 'n nuwe voorwerp terug wat gebruikers bevat wat volgens ouderdom geklassifiseer is, maar slegs vir diegene tussen die ouderdomme van 18 tot 59. Hierdie Lodash-helperfunksie is een van die mees gebruikte. Dit is ook by ES6 ingesluit. Ek wil ook twee tipiese flaters uitwys: onthou om die resultaat aan die einde van die funksie terug te gee, en verskaf die verstekwaarde vir die resultaat as die derde parameter (hier).
3. _.kry en ._stel
Vir hierdie een sal ek jou ietwat mislei deur twee funksies te wys wat amper dieselfde ding verrig. _.get gee 'n eienskapwaarde van 'n voorwerp terug, en _.set, wel, jy het reg geraai, stel 'n eienskap met 'n waarde. Niks uniek nie, behalwe dat jy toegang tot 'n eiendom kan kry deur sy pad.
Kom ons kyk na 'n voorbeeld.
As die pad nie bestaan terwyl _.set geroep word nie, sal dit gegenereer word. Daar sal nie meer "Kan nie eiendom 'items' van ongedefinieerde" foute stel nie. As die pad nie bestaan nie, sal _.get undefined terugkeer in plaas van 'n fout. As die pad na ongedefinieerd besluit, kan jy ook 'n verstekwaarde (derde parameter) verskaf.
4. _.vind
In plaas daarvan om deur 'n skikking te loop om 'n enkele voorwerp te vind, kan ons _.find gebruik. Dit is goed, maar dit is nie die enigste ding wat _.find kan doen nie. Met 'n enkele reël kode kan jy ook 'n voorwerp ontdek deur talle eienskappe te gebruik. Kyk daarna!
5. _.keyBy
Een van my gunstelinge is _.keyBy. Dit is baie nuttig wanneer u probeer om 'n voorwerp met 'n sekere eienskap te verkry. Gestel ons het 100 bloginskrywings en wil die een met die ID "34abc" gryp. Hoe gaan ons dit doen? Kom ons kyk wat gebeur! Hierdie metode kan jou help om 'n voorwerpversameling te reël as 'n bediener dit as 'n skikking verskaf. 'n Funksie kan ook as die tweede argument gebruik word.
6. _.virElke
Hierdie metode sal een vir een oor 'n verskeidenheid voorwerpe herhaal, sodat jy enige logika kan doen wat jy wil. In hierdie eerste voorbeeld sal ek 'n lys van gebruikerobjekte deurloop en hul voor- en vanne saamvoeg om 'n nuwe eiendom genaamd fullName te skep.
virElkeen hiervan aanvaar twee parameters. Die skikking waaroor ons lus is, is die eerste parameter. Die tweede argument is 'n iterate-funksie, met die eerste parameter die individuele itemverwysing en die tweede is die iterasie se huidige indeks.
7. _.kaart
Kaart, soos forEach, herhaal oor 'n verskeidenheid waardes. Die kaartfunksie, aan die ander kant, gee 'n nuwe reeks waardes terug wat deur die iterate-funksie verskaf word. Ons gebruik dieselfde versameling gebruikers as in ons vir Elke voorbeeld hier. Ons kan _.map gebruik om 'n nuwe veranderlike te genereer wat 'n afgeplatte reeks van al die gebruikers se volledige name het.
8. _.verskil
Die verskilfunksie sal 'n nuwe reeks waardes produseer wat tussen die eerste en tweede skikkings verskil. Dit is noodsaaklik om daarop te let dat die liggings van die argumente die uitkomste beïnvloed.
9. _.kry
Die _.get() funksie kan ons help om 'n element binne 'n voorwerp op te spoor. Ons kan 'n verstekwaarde vir die _.get()-funksie stel om terug te keer as 'n element nie by die verskafde pad gevind word nie. Die _.get()-funksie neem drie parameters, waarvan die eerste die voorwerp is waaruit ons 'n element wil verkry. Die pad is die tweede. Die derde waarde is die verstekwaarde wat ons wil terugstuur as 'n element nie opgespoor kan word nie.
10. _.vind
Die _find()-funksie lyk dalk identies aan die _.get()-metode. Die _.find()-funksie, soos die _.get()-metode, aanvaar drie parameters. In teenstelling met die _.get() metode, kan die eerste argument egter 'n skikking of 'n voorwerp wees. Die tweede argument spesifiseer die funksie wat op elke iterasie aangeroep sal word. Die derde inset is die versameling se beginindeks. Omdat die _.find()-funksie oor elke element in 'n versameling herhaal.
11. _.groupBy
Skep 'n objek met die naam van die resultaat van 'n funksie (of 'n ewekansig geselekteerde eienskapnaam), met elke waarde wat 'n skikking van voorwerpe met dieselfde sleutel is.
12. _.stel
Die metode _.set() is die inverse van die metode _.get(). Dit sal die waarde van 'n element by 'n gegewe pad verander. Die voorwerp of skikking is die eerste parameter, die pad is die tweede, en die waarde wat jy wil stel is die derde.
13. _.samesmelt
Dit funksioneer soortgelyk aan Object.assign, behalwe dat dit diep in die onderliggende struktuur terugval om die dieper voorwerpe op te dateer eerder as om hulle te vervang.
14. ._deburr
Dit is 'n redelik eenvoudige voorbeeld. Alle "kombinasie van diakritiese merke" word verwyder. So word "é" "e". Wanneer daar internasionalisering en lokalisering is, is dit 'n goeie praktyk om teks vir soekfunksies te ontbraam.
15. _.debounce
Dit is een van die doeltreffendste Lodash-strategieë. Dit kan ook moeilik wees om te begryp wat dit doen en wanneer jy dit moet gebruik. Die _.debounce() metode gee 'n funksie terug. Die _.debounce()-metode se funksie sal aanroeping vertraag totdat 'n gespesifiseerde aantal millisekondes verloop het sedert die funksie laas opgeroep is.
Gevolgtrekking
Lodash is 'n kragtige uitbreiding van die JavaScript-taal. Met minimale moeite kan 'n mens 'n bondige en doeltreffende kode bou. Lodash is ook heeltemal modulêr. Alhoewel sommige van sy funksies uiteindelik afgekeur kan word, glo ek dat dit steeds talle voordele aan ontwikkelaars sal bied, terwyl dit ook die evolusie van die JS-taal aandryf.
Ek hoop hierdie paar Lodash-vermoëns help jou om te sien hoe kragtig Lodash kan wees wanneer jy met skikkings, voorwerpe en versamelings werk. U kan die dokumentasie om 'n oorvloed van ander opsies wat dit bied, te verken.
Lewer Kommentaar