Het is niet alleen vereist dat een ontwikkelaar taken uitvoert, maar het is ook noodzakelijk om taken op een efficiëntere manier uit te voeren. Er zijn tegenwoordig verschillende bibliotheken beschikbaar in JavaScript die het werken met variabelen voor ontwikkelaars gemakkelijker maken. In deze zelfstudie leren we hoe u de meest voorkomende functies van de Lodash-bibliotheek kunt gebruiken.
Als je Lodash nog niet hebt geprobeerd, is dit het moment. Lodash is een eigentijds JavaScript-hulpprogramma dat het werken met arrays, gehele getallen, objecten, teksten en andere gegevenstypen eenvoudiger maakt.
Het zal u helpen bij het omgaan met verschillende soorten objecten en u tijd besparen door de noodzaak om generieke methoden te coderen te elimineren. Uw code wordt schoner met minder regels en werkt in alle browsers. Als u het nog niet gebruikt, moet u het zorgvuldig overwegen.
Het niet gebruiken van Lodash is een enorm verlies voor onze JavaScript-codebases. Het is een bugvrije en elegante oplossing voor veelvoorkomende uitdagingen die we op het werk hebben, en het gebruik ervan zal onze code alleen maar leesbaarder en beter beheersbaar maken.
Laten we ons verdiepen in enkele van de meer populaire (of niet!) Lodash-functies en ontdekken hoe buitengewoon nuttig en mooi deze bibliotheek is.
1. _.gesorteerdUniq
Alle gedupliceerde waarden worden hiermee niet geretourneerd. Omdat het alleen voor gesorteerde arrays is, wordt dit voornamelijk gebruikt om snelheidsredenen. Dit is alleen handig als je te maken hebt met een grote array. Als u de snelheid wilt verbeteren, sorteert u uw array en gebruikt u methoden die beter werken met gesorteerde arrays.
Lodash heeft nog een aantal andere functies die hierop lijken. U kunt kijken op .sortedIndex, .sortedIndexBy, .sortedIndexOf, .sortedLastIndex, .sortedLastIndexBy, .sortedLastIndexOf, .sortedUniq, .sortedUniqBy, .sortedUniqBy, .sortedUniqBy, .sortedUniq
2. _.verminderen
_.reduce lijkt op een filterfunctie. Het enige verschil is dat u de mogelijkheid heeft om de vorm van het geretourneerde object te selecteren. Het is normaal, als je niet begrijpt wat ik zeg; er is een voorbeeld voor.
In wezen retourneren we een nieuw object met gebruikers ingedeeld naar leeftijd, maar alleen voor de leeftijd van 18 tot 59 jaar. Deze Lodash-helpfunctie is een van de meest gebruikte. Het is ook opgenomen in ES6. Ik wil ook wijzen op twee typische blunders: vergeet niet om het resultaat aan het einde van de functie terug te geven en de standaardwaarde voor het resultaat op te geven als de derde parameter (hier).
3. _.get en ._set
Voor deze zal ik je een beetje voor de gek houden door twee functies te laten zien die bijna hetzelfde doen. _.get retourneert een eigenschapswaarde van een object, en _.set, u raadt het al, stel een eigenschap in met een waarde. Niets unieks, behalve dat je via zijn pad toegang hebt tot een woning.
Laten we een voorbeeld bekijken.
Als het pad niet bestaat tijdens het aanroepen van _.set, wordt het gegenereerd. Er zullen geen "Kan eigenschap 'items' van niet-gedefinieerde" fouten meer instellen. Als het pad niet bestaat, retourneert _.get undefined in plaats van een fout. Als het pad naar undefined wordt, kunt u ook een standaardwaarde opgeven (derde parameter).
4. _.vinden
In plaats van door een array te lopen om een enkel object te vinden, kunnen we _.find gebruiken. Dat is goed, maar het is niet het enige dat _.find kan doen. Met een enkele regel code kunt u ook een object ontdekken door gebruik te maken van talrijke eigenschappen. Bekijken!
5. _.keyBy
Een van mijn favorieten is _.keyBy. Het is heel handig wanneer u probeert een object met een bepaald attribuut te verkrijgen. Stel dat we 100 blogberichten hebben en die met de id "34abc" willen pakken. Hoe gaan we het doen? Laten we afwachten wat er gebeurt! Deze methode kan u helpen bij het ordenen van een objectverzameling als een server deze als een array aanbiedt. Een functie kan ook als tweede argument worden gebruikt.
6. _.voor elk
Deze methode herhaalt een reeks objecten één voor één, zodat u kunt doen wat u maar wilt. In dit eerste voorbeeld loop ik over een lijst met gebruikersobjecten, waarbij ik hun voor- en achternaam samenvoeg om een nieuwe eigenschap met de naam fullName te maken.
forElk van deze accepteert twee parameters. De array die we doorlopen is de eerste parameter. Het tweede argument is een iteratiefunctie, waarbij de eerste parameter de individuele itemreferentie is en de tweede de huidige index van de iteratie.
7. _.kaart
Kaart, zoals forEach, itereert over een reeks waarden. De kaartfunctie daarentegen retourneert een nieuwe reeks waarden die door de iteratiefunctie worden geleverd. We gebruiken dezelfde verzameling gebruikers als in ons voorbeeld voor elk hier. We kunnen _.map gebruiken om een nieuwe variabele te genereren die een afgeplatte array heeft van de volledige namen van alle gebruikers.
8. _.verschil
De verschilfunctie zal een nieuwe reeks waarden produceren die verschillen tussen de eerste en tweede reeksen. Het is van vitaal belang op te merken dat de locaties van de argumenten van invloed zijn op de uitkomsten.
9. _.haal
De functie _.get() kan ons helpen bij het lokaliseren van een element binnen een object. We kunnen een standaardwaarde instellen voor de functie _.get() om terug te keren als een element niet wordt gevonden op het opgegeven pad. De functie _.get() heeft drie parameters nodig, waarvan de eerste het object is waarvan we een element willen verkrijgen. Het pad is de tweede. De derde waarde is de standaardwaarde die we willen retourneren als een element niet kan worden gevonden.
10. _.vinden
De functie _find() lijkt misschien identiek aan de methode _.get(). De functie _.find() accepteert, net als de methode _.get() drie parameters. In tegenstelling tot de methode _.get() kan het eerste argument echter een array of een object zijn. Het tweede argument specificeert de functie die bij elke iteratie wordt aangeroepen. De derde invoer is de beginindex van de collectie. Omdat de functie _.find() itereert over elk element in een verzameling.
11. _.groupBy
Maak een object met de naam van het resultaat van een functie (of een willekeurig geselecteerde eigenschapsnaam), waarbij elke waarde een array van objecten met dezelfde sleutel is.
12. _.instellen
De methode _.set() is de inverse van de methode _.get(). Het zal de waarde van een element op een bepaald pad veranderen. Het object of de array is de eerste parameter, het pad is de tweede en de waarde die u wilt instellen is de derde.
13. _.samenvoegen
Het werkt op dezelfde manier als Object.assign, behalve dat het diep in de onderliggende structuur terugkeert om de diepere objecten bij te werken in plaats van ze te vervangen.
14. ._ontbramen
Dit is een vrij duidelijk voorbeeld. Alle "combinerende diakritische markeringen" worden verwijderd. Dus "é" wordt "e". Als er sprake is van internationalisering en lokalisatie, is het een goede gewoonte om tekst te ontbramen voor zoekfuncties.
15. _.debounce
Dit is een van de meest effectieve Lodash-strategieën. Het kan ook moeilijk zijn om te begrijpen wat het doet en wanneer u het moet gebruiken. De methode _.debounce() retourneert een functie. De functie van de methode _.debounce() vertraagt het aanroepen tot een bepaald aantal milliseconden is verstreken sinds de functie voor het laatst is aangeroepen.
Conclusie
Lodash is een krachtige uitbreiding van de JavaScript-taal. Met minimale inspanning kan men beknopte en efficiënte code bouwen. Lodash is ook volledig modulair. Hoewel sommige van zijn functionaliteiten uiteindelijk verouderd kunnen zijn, denk ik dat het ontwikkelaars nog steeds tal van voordelen zal bieden en tegelijkertijd de evolutie van de JS-taal zal stimuleren.
Ik hoop dat deze paar Lodash-mogelijkheden je helpen te zien hoe krachtig Lodash kan zijn bij het werken met arrays, objecten en collecties. U kunt een bezoek brengen aan de documentatie om een overvloed aan andere opties te verkennen die het te bieden heeft.
Laat een reactie achter