Ùn hè micca solu necessariu per un sviluppatore per cumpiendu i travaglii, ma hè ancu necessariu di fà i travaglii in una manera più efficace. Ci hè parechje biblioteche dispunibuli in JavaScript oghje chì facenu travaglià cù variàbili più faciule per i sviluppatori. Ampararemu cumu utilizà e funzioni più cumuni di a biblioteca Lodash in stu tutoriale.
Se ùn avete micca pruvatu Lodash, avà hè u mumentu. Lodash hè un pacchettu di utilità JavaScript cuntempuraneu chì simplifica u travagliu cù arrays, interi, oggetti, testi è altri tipi di dati più faciule.
Vi aiuterà à trattà cù diversi tipi d'uggetti è vi risparmià u tempu eliminendu a necessità di codificà i metudi generici. U vostru codice serà più pulitu cù menu linee è funziona in tutti i navigatori. Se ùn l'avete micca utilizatu, duvete cunsiderà attentamente.
Ùn aduttà Lodash hè una perdita enormosa per i nostri codebase JavaScript. Hè una soluzione senza bug è eleganti à e sfide cumuni chì avemu in u travagliu, è utilizendu solu rende u nostru codice più leggibile è gestibile.
Scupritemu alcune di e funzioni di Lodash più populari (o micca!) è scopre quantu hè estremamente utile è bella sta biblioteca.
1. _.sortedUniq
Tutti i valori duplicati ùn saranu micca restituiti cù questu. Perchè hè solu per array ordinati, questu hè principalmente utilizatu per ragioni di velocità. Questu hè solu utile s'ellu si tratta di un grande array. Se vulete migliurà a velocità, sorte u vostru array è utilizate metudi chì operanu megliu cù array ordinati.
Lodash hà una quantità di altre funzioni chì sò simili à questu. Pudete vede .sortedIndex, .sortedIndexBy, .sortedIndexOf, .sortedLastIndex, .sortedLastIndexBy, .sortedLastIndexOf, .sortedUniq, .sortedUniqBy, .sortedUniqBy, .sortedUniqBy, .sortedUniqBy, .
2. _.riduce
_.reduce hè simile à una funzione di filtru. L'unica diferenza hè chì avete l'opzione di selezziunà a forma di l'ughjettu tornatu. Hè normale, s'è vo ùn capite ciò ch'e dicu ; ci hè un esempiu per questu.
In esencia, vultemu un novu ughjettu chì cuntene l'utilizatori classificati per età, ma solu per quelli chì anu da 18 à 59. Questa funzione d'aiutu di Lodash hè unu di i più cumunimenti utilizati. Hè ancu inclusu in ES6. Vogliu ancu signalà dui sbarazzi tipici: ricurdate di rinvià u risultatu à a cunclusione di a funzione, è furnisce u valore predeterminatu per u risultatu cum'è u terzu paràmetru (qui).
3. _.get è ._set
Per questu, vi ingannaraghju un pocu mostrendu duie funzioni chì facenu quasi a stessa cosa. _.get torna un valore di pruprietà da un ughjettu, è _.set, bè, l'avete guessatu, stabilisce una pruprietà cù un valore. Nunda unicu, salvu chì pudete accede à una pruprietà attraversu u so percorsu.
Fighjemu un esempiu.
Se u percorsu ùn esiste micca mentre chjama _.set, serà generatu. Ùn ci sarà più errori "Ùn si ponu stabilisce "elementi" di pruprietà indefiniti". Se u percorsu ùn esiste micca, _.get turnarà undefined invece di un errore. Se u percorsu si risolve in indefinitu, pudete ancu furnisce un valore predeterminatu (terzu paràmetru).
4. _.truvà
Invece di looping attraversu un array per truvà un oggettu unicu, pudemu usà _.find. Hè bè, ma ùn hè micca solu ciò chì _.find pò fà. Cù una sola linea di codice, pudete ancu scopre un ughjettu utilizendu numerosi pruprietà. Da un'uchjata!
5. _.keyBy
Unu di i mo preferiti hè _.keyBy. Hè abbastanza utile quandu pruvate d'ottene un ughjettu cù un certu attributu. Assumimu chì avemu 100 voci di blog è vulemu piglià quellu cù l'id "34abc". Cumu avemu da fà ? Videmu ciò chì succede ! Stu metudu pò aiutà à urganizà una cullizzioni d'ughjettu se un servitore furnisce cum'è un array. Una funzione pò ancu esse usata cum'è u sicondu argumentu.
6. _.perOgnunu
Stu metudu iterarà nantu à una matrice d'uggetti unu per unu, chì vi permette di fà a logica chì vulete. In questu primu esempiu, andaraghju nantu à una lista di l'oggetti di l'utilizatori, unendu i so nomi è i nomi per creà una nova pruprietà chjamata FullName.
perOgnunu di questi accetta dui parametri. L'array chì andemu in loop hè u primu paràmetru. U sicondu argumentu hè una funzione iterativa, cù u primu paràmetru chì hè a riferenza di l'articulu individuale è u sicondu hè l'indici attuale di l'iterazione.
7. _.mappa
A mappa, cum'è forEach, itera in una matrice di valori. A funzione di mappa, invece, torna un novu array di valori furniti da a funzione iterata. Utilizemu a listessa cullizzioni di utilizatori cum'è in u nostru esempiu forEach quì. Pudemu aduprà _.map per generà una nova variabile chì hà un array flattened di tutti i nomi cumpleti di l'utilizatori.
8. _.differenza
A funzione di diffarenza pruducerà un novu array di valori chì differenu trà u primu è u sicondu array. Hè vitale per nutà chì i lochi di l'argumenti affettanu i risultati.
9. _.ottene
A funzione _.get() pò aiutà à localizà un elementu in un oggettu. Pudemu stabilisce un valore predeterminatu per a funzione _.get () per rinvià se un elementu ùn hè micca truvatu à u percorsu furnitu. A funzione _.get() piglia trè paràmetri, u primu di quale hè l'ughjettu da quale vulemu ottene un elementu. A strada hè a seconda. U terzu valore hè u valore predeterminatu chì vulemu vultà se un elementu ùn pò micca esse situatu.
10. _.truvà
A funzione _find() pò esse identica à u metudu _.get(). A funzione _.find (), cum'è u metudu _.get (), accetta trè paràmetri. In ogni casu, à u cuntrariu di u metudu _.get(), u primu argumentu pò esse un array o un ughjettu. U sicondu argumentu specifica a funzione chì serà chjamata in ogni iterazione. U terzu input hè l'indice iniziale di a cullezzione. Perchè a funzione _.find () iterate nantu à ogni elementu in una cullizzioni.
11. _.gruppuBy
Crea un ughjettu chjamatu da u risultatu di una funzione (o un nome di pruprietà sceltu aleatoriamente), cù ogni valore essendu un array di oggetti cù a listessa chjave.
12. _.set
U metudu _.set() hè l'inversu di u metudu _.get(). Cambiarà u valore di un elementu à un percorsu datu. L'ughjettu o array hè u primu paràmetru, u percorsu hè u sicondu, è u valore chì vulete stabilisce hè u terzu.
13. _.unisce
Funziona in modu simile à Object.assign, salvu chì ricorre in profondità in a struttura sottostante per aghjurnà l'uggetti più profondi invece di rimpiazzà.
14. ._sbavatura
Questu hè un esempiu abbastanza simplice. Tutti i "marchi diacritici cumminendu" sò eliminati. Cusì "é" diventa "e". Quandu ci hè l'internazionalizazione è a localizazione, hè una bona pratica per sburrà u testu per e funzioni di ricerca.
15. _.debuttà
Questa hè una di e strategie Lodash più efficaci. Puderia ancu esse difficiule di capisce ciò chì face è quandu duvete aduprà. U metudu _.debounce() torna una funzione. A funzione di u metudu _.debounce() ritardarà l'invucazione finu à chì un numeru specificatu di millisecondi hè passatu da a funzione hè stata invocata per l'ultima volta.
cunchiusioni
Lodash hè una putente estensione di a lingua JavaScript. Cù u minimu sforzu, unu pò custruisce un codice succintu è efficiente. Lodash hè ancu cumpletamente modulare. Ancu se alcune di e so funziunalità ponu esse in fine obsolete, credu chì ancu furnisce numerosi benefici à i sviluppatori mentre guidanu ancu l'evoluzione di a lingua JS.
Spergu chì queste poche capacità di Lodash vi aiutanu à vede quantu Lodash pò esse putente quandu travaglia cù arrays, oggetti è cullezzione. Pudete visità u ducumentazione in corsu per spiegà una pletora di altre opzioni chì hà da offre.
Lascia un Audiolibro