Et ass net nëmmen erfuerderlech fir en Entwéckler Aufgaben ze kompletéieren, awer et ass och noutwendeg fir Aufgaben méi effizient ze maachen. Et gi verschidde Bibliothéike verfügbar a JavaScript haut, déi d'Aarbecht mat Variablen méi einfach maachen fir Entwéckler. Mir léiere wéi Dir d'Lodash Bibliothéik am meeschte verbreet Funktiounen an dësem Tutorial benotzt.
Wann Dir Lodash nach net probéiert hutt, ass elo de Moment. Lodash ass en zäitgenëssesche JavaScript Utility Package deen d'Aarbecht mat Arrays, ganz Zuelen, Objekter, Texter an aner Datentypen méi einfach mécht.
Et hëlleft Iech beim Ëmgang mat verschiddenen Objeten a spuert Iech Zäit andeems Dir d'Noutwendegkeet eliminéiert fir generesch Methoden ze codéieren. Äre Code gëtt méi propper mat manner Zeilen a funktionnéiert an all Browser. Wann Dir et net scho benotzt, sollt Dir et suergfälteg berücksichtegen.
Lodash net unzehuelen ass e grousse Verloscht fir eis JavaScript Codebasen. Et ass eng bugfräi an elegant Léisung fir allgemeng Erausfuerderungen déi mir op der Aarbecht hunn, an d'Benotzung et wäert eise Code nëmme méi liesbar a handhabbar maachen.
Loosst eis an e puer vun de méi populär (oder net!) Lodash Funktiounen verdéiwen an entdeckt wéi extrem nëtzlech a schéin dës Bibliothéik ass.
1. _.sortedUniq
All duplizéiert Wäerter ginn net mat dësem zréckginn. Well et just fir zortéiert Arrays ass, gëtt dëst haaptsächlech aus Geschwindegkeetsgrënn benotzt. Dëst ass nëmme nëtzlech wann Dir mat enger grousser Array ze dinn hutt. Wann Dir d'Geschwindegkeet wëllt verbesseren, sortéiert Är Array a benotzt Methoden déi besser mat zortéierten Arrays funktionnéieren.
Lodash huet eng Rei aner Funktiounen déi ähnlech sinn. Dir kënnt kucken .sortedIndex, .sortedIndexBy, .sortedIndexOf, .sortedLastIndex, .sortedLastIndexBy, .sortedLastIndexOf, .sortedUniq, .sortedUniqBy, .sortedUniqBy, .sortedUniqBy, .sorted, Uniq, .
2. _. reduzéieren
_.reduce ass ähnlech wéi eng Filterfunktioun. Deen eenzegen Ënnerscheed ass datt Dir d'Méiglechkeet hutt d'Form vum zréckginn Objet ze wielen. Et ass normal, wann Dir net versteet wat ech soen; et gëtt e Beispill dofir.
Am Wesentlechen gi mir en neien Objet zréck, deen Benotzer enthält, déi no Alter klasséiert sinn, awer nëmme fir déi vun 18 bis 59. Dës Lodash-Hëlleffunktioun ass eng vun de meescht benotzten. Et ass och am ES6 abegraff. Ech wëll och op zwee typesch Feeler opmierksam maachen: erënnert un d'Resultat um Enn vun der Funktioun zréckzekommen, a liwwert de Standardwäert fir d'Resultat als drëtten Parameter (hei).
3. _.kréien an ._set
Fir dësen, wäert ech Iech e bësse tricken andeems Dir zwou Funktiounen weist déi bal déiselwecht Saach ausféieren. _.get Retour engem Propriétéit Wäert vun engem Objet, an _.set, gutt, Dir roden et, setzen eng Propriétéit mat engem Wäert. Näischt eenzegaarteg, ausser datt Dir Zougang zu enger Immobilie duerch säi Wee kënnt.
Loosst eis e Beispill kucken.
Wann de Wee net existéiert beim Opruff _.set, gëtt et generéiert. Et gëtt keng méi "Kann net Propriétéit 'Artikelen' vun ondefinéiert" Feeler ginn. Wann de Wee net existéiert, gëtt _.get ondefinéiert zréck anstatt e Feeler. Wann de Wee op ondefinéiert gëtt, kënnt Dir och e Standardwäert (drëtte Parameter) ubidden.
4. _.fannen
Amplaz duerch eng Array ze loopen fir en eenzegen Objet ze fannen, kënne mir _.find benotzen. Dat ass gutt, awer et ass net dat eenzegt wat _.fannen ka maachen. Mat enger eenzeger Zeil Code kënnt Dir och en Objet entdecken andeems Dir vill Eegeschafte benotzt. Kuck dir et un!
5. _.keyBy
Ee vun mengen Favoritten ass _.keyBy. Et ass ganz nëtzlech wann Dir probéiert en Objet mat engem bestëmmten Attribut ze kréien. Gitt un datt mir 100 Blog Entréen hunn a wëllen dee mat der ID "34abc" gräifen. Wéi wäerte mir et maachen? Mol kucken wat geschitt! Dës Method kann Iech hëllefen eng Objektsammlung ze arrangéieren wann e Server et als Array ubitt. Eng Funktioun kann och als zweet Argument benotzt ginn.
6. _.firEach
Dës Methode wäert iwwer eng Rei vun Objeten een nom aneren iteréieren, wat Iech erlaabt wat Logik ze maachen déi Dir wëllt. An dësem éischte Beispill wäert ech eng Lëscht vu Benotzerobjeten iwwerloossen, hir éischt a Familljenumm fusionéieren fir eng nei Eegeschafte mam Numm FullName ze kreéieren.
firAll vun dësen akzeptéiert zwee Parameteren. D'Array, déi mir iwwerloossen, ass den éischte Parameter. Dat zweet Argument ass eng Iteratiounsfunktioun, mam éischte Parameter ass déi individuell Elementreferenz an déi zweet ass den aktuellen Index vun der Iteratioun.
7. _.map
Kaart, wéi forEach, iteréiert iwwer eng ganz Rëtsch Wäerter. D'Kaartfunktioun, op der anerer Säit, bréngt eng nei Array vu Wäerter zréck, déi vun der Iterate Funktioun zur Verfügung gestallt gëtt. Mir benotzen déiselwecht Sammlung vu Benotzer wéi an eisem ForEach Beispill hei. Mir kënnen _.map benotzen fir eng nei Variabel ze generéieren déi eng verflaacht Array vun all de Benotzer hir komplett Nimm huet.
8. _.Differenz
D'Differenzfunktioun wäert eng nei Array vu Wäerter produzéieren déi tëscht der éischter an zweeter Array ënnerscheeden. Et ass wichteg ze notéieren datt d'Plaze vun den Argumenter d'Resultater beaflossen.
9. _.kréien
D'Funktioun _.get() kann eis hëllefen en Element an engem Objet ze lokaliséieren. Mir kënnen e Standardwäert fir d'Funktioun _.get () setzen fir zréckzekommen wann en Element net um geliwwert Wee fonnt gëtt. D'Funktioun _.get() hëlt dräi Parameteren, déi éischt ass den Objet aus deem mir en Element wëllen kréien. De Wee ass déi zweet. Den drëtte Wäert ass de Standardwäert dee mir wëllen zréckginn wann en Element net lokaliséiert ka ginn.
10. _.fannen
D'Funktioun _find() kann identesch mat der _.get() Method schéngen. D'Funktioun _.find (), wéi d'_.get () Method, akzeptéiert dräi Parameteren. Wéi och ëmmer, am Géigesaz zu der _.get() Method, kann dat éischt Argument eng Array oder en Objet sinn. Dat zweet Argument spezifizéiert d'Funktioun déi op all Iteratioun opgeruff gëtt. Den drëtten Input ass den Ufanksindex vun der Sammlung. Well d'Funktioun _.find () iwwer all Element an enger Sammlung iteréiert.
11. _.groupBy
Erstellt en Objet, deen duerch d'Resultat vun enger Funktioun benannt gëtt (oder e zoufälleg ausgewielten Eegeschaftenumm), mat all Wäert eng Array vun Objeten mat deemselwechte Schlëssel ass.
12. _.setze
D'Method _.set () ass den Inverse vun der Method _.get (). Et wäert de Wäert vun engem Element op engem bestëmmte Wee änneren. Den Objet oder den Array ass den éischte Parameter, de Wee ass deen zweeten, an de Wäert deen Dir wëllt setzen ass den drëtten.
13. _.fusionéieren
Et funktionnéiert ähnlech wéi Object.assign, ausser datt et déif an d'Basisstruktur zréckgeet fir déi méi déif Objeten ze aktualiséieren anstatt se ze ersetzen.
14. ._deburr
Dëst ass en zimlech einfach Beispill. All "kombinéiert diakritesch Markéierungen" ginn ewechgeholl. Also "é" gëtt "e". Wann et Internationaliséierung a Lokaliséierung gëtt, ass et eng gutt Praxis Text fir Sichfunktiounen ze deburren.
15. _.debounce
Dëst ass eng vun den effektivsten Lodash Strategien. Et kann och schwéier sinn ze verstoen wat et mécht a wéini Dir et sollt benotzen. D'Method _.debounce () gëtt eng Funktioun zréck. D'Funktioun vun der _.debounce() Method wäert d'Uruffung verzögeren bis eng spezifizéiert Zuel vu Millisekonnen vergaange sinn zënter datt d'Funktioun fir d'lescht opgeruff gouf.
Konklusioun
Lodash ass eng mächteg Extensioun vun der JavaScript Sprooch. Mat minimalem Effort kann ee succinct an effiziente Code bauen. Lodash ass och komplett modulär. Och wann e puer vu senge Funktionalitéite schlussendlech ofgeschaaft kënne ginn, gleewen ech datt et nach ëmmer vill Virdeeler fir Entwéckler ubitt wärend och d'Evolutioun vun der JS Sprooch féiert.
Ech hoffen dës puer Lodash Fäegkeeten hëllefen Iech ze gesinn wéi mächteg Lodash ka sinn wann Dir mat Arrays, Objeten a Sammlungen schafft. Dir kënnt de Dokumentatioun fir eng Onmass vun aneren Optiounen ze entdecken déi et ze bidden huet.
Hannerlooss eng Äntwert