Lesere som deg er med på å støtte MUO. Når du foretar et kjøp ved å bruke lenker på nettstedet vårt, kan vi tjene en tilknyttet provisjon. Les mer.

Lodash er et JavaScript-bibliotek som tilbyr verktøyfunksjoner for typiske programmeringsoppgaver ved bruk av den funksjonelle programmeringsmodellen.

Biblioteket, som fungerer med nettlesere og Node.js, kan modifisere og konvertere data, utføre asynkrone operasjoner og mer.

Lær hvordan du bruker lodash til å manipulere matriser, strenger og objekter, og finn ut om de avanserte funksjonene som funksjonssammensetning.

Komme i gang med Lodash

Du kan legge til lodash til appen din på en av to måter: ved å bruke et Content Delivery Network (CDN) eller installere det ved hjelp av npm eller garn.

For å bruke lodash direkte i nettleseren, kopier lodash CDN-lenken nedenfor og sett den inn i head-delen av HTML-filen din:

<manussrc=" https://cdn.jsdelivr.net/npm/[email protected]/lodash.min.js"
 type="text/javascript">manus>

Ved å bruke denne tilnærmingen kan du kjøre skript ved å bruke lodash i hoveddelen av HTML-en.

instagram viewer

For å bruke lodash i et Node.js-prosjekt, bør du installere det i prosjektkatalogen din. Du kan bruke enten npm eller garn for å gjøre det:

npm install --lagre lodash
# eller
garn legg til lodash

Du kan nå bruke lodash ved å kreve det i JavaScript-filen din:

// Krever lodash-biblioteket
konst _ = krever("lodash");
// Ved å bruke _.sum-metoden
konst tall = [10, 20, 30, 40, 50];
konst sum = _.sum (tall);
konsoll.log (sum);

For å kjøre JavaScript-filen, skriv inn nodekommandoen:

node [Ditt skriptnavn]

Array Manipulation i Lodash

Lodash kommer med et sett med metoder for array-manipulering som gir funksjonalitet utover JavaScripts innebygde Array-klasse.

.chunk

Denne metoden deler en matrise inn i grupper med mindre matriser av en gitt størrelse. Den siste delen kan være mindre enn størrelsen du ber om.

Her er et eksempel:

konst array = [ 'en', 'b', 'c', 'd', 'e', 'f', 'g' ];
konst newArray = _.chunk (array, 2)
konsoll.log (newArray)
// Utgang:
// [ [ 'a', 'b' ], [ 'c', 'd' ], [ 'e', ​​'f' ], [ 'g' ] ]

.concat

Denne metoden genererer en ny matrise ved å sette sammen verdier til slutten av en eksisterende matrise.

For eksempel:

konstarray = [ 1, 2, 'en' ];
konst newArray = _.concat(array, 5, 'b', [ 8 ], [ [ 9 ] ]);
konsoll.log (newArray);
// Utgang:
// [ 1, 2, 'a', 5, 'b', 8, [ 9 ] ]

.bli med

Denne metoden returnerer en streng ved å kombinere elementer i en matrise. Den føyer seg sammen ved hjelp av et skilletegn som du sender som en parameter når du kaller metoden. Standard avgrensningstegn den bruker er et komma:

konstarray = [ "l", "o", "d", "en", "s", "h" ];
konst newArray = _.join(array);
konsoll.log (newArray);
// Utgang:
// l, o, d, a, s, h


konst newArray = _.join(array, "-");
konsoll.log (newArray);
// Utgang:
// l-o-d-en-s-h

Strengemanipulasjon i Lodash

Med bare JavaScript, strengformatering er en enkel prosess. Men lodash gjør det enda enklere.

Noen av de vanligste strengmanipulasjonsoperasjonene du kan utføre med lodash inkluderer:

.startsWith og .endsWith

Disse to metodene sjekker om en streng starter eller slutter med en delstreng. Begge metodene returnerer en boolsk verdi på sann eller usann.

For eksempel:

konst streng = "lodash";
konsoll.log (_.startsWith (streng, "l"));
// Utdata: sant


konsoll.log (_.startsWith (streng, "o"));
// Utdata: usant


konsoll.log (_.endsWith (streng, "m"));
// Utdata: usant
konsoll.log (_.endsWith (streng, "h"));
// Utdata: sant

.gjenta

Denne metoden skriver ut en streng gjentatte ganger et bestemt antall ganger. Den tar strengen som sitt første argument og antall repetisjoner som det andre:

konst streng = "lodash"
konst newString = _.repeat (streng, 3);
konsoll.log (nystreng);
// Utgang: lodashlodashlodash

.listverk

Denne metoden fjerner innledende og etterfølgende mellomrom. Du kan også bruke den til å fjerne spesifikke tegn på begynnelsen og slutten av en streng.

For eksempel:

// Fjerner innledende og etterfølgende mellomrom
konst streng = "bar"
konst newString = _.trim (streng)
konsoll.log (nystreng);
// Utgang: bar
// Fjerner spesifiserte tegn
konst streng = ",bar,"
konst newString = _.trim (streng, ",")
konsoll.log (nystreng);
// Utgang: bar

Objektmanipulasjon i Lodash

Nedenfor er noen eksempler på strengmanipulering som du kan utføre med lodash:

.slå sammen

De _.slå sammen() metoden oppretter et nytt objekt ved å kombinere egenskapene til inngangsobjektene. En egenskaps verdi fra det senere objektet vil erstatte verdien fra det tidligere objektet hvis egenskapen er tilstede i mer enn ett objekt.

For eksempel:

konst bøker = {
'Matematikk': 4, 
'Vitenskap': 7
};

konst notater = {
'Vitenskap': 3, 
'Kjemi': 5
};
_.slå sammen(bøker, notater);
konsoll.log (bøker);
// Utgang:
// { Matematikk: 4, Naturfag: 3, Kjemi: 5 }

I dette eksemplet legger metoden til "Chemistry"-egenskapen fra det andre objektet og overskriver verdien til det første objektets "Science"-egenskap.

.har

Denne metoden returnerer true hvis en gitt rekke egenskaper eksisterer i et objekt og falsk ellers.

For eksempel:

konst bøker = {
'Matematikk': 4, 
'Vitenskap': 7
};
konsoll.log (_.har (bøker, "Matematikk"));
// Utdata: sant

.utelate

Denne metoden returnerer et nytt objekt ved å fjerne spesifiserte egenskaper fra den gitte.

For eksempel:

var bøker = {
'Matematikk': 4, 
'Vitenskap': 3, 
'Kjemi': 5
};

konsoll.log (_.utelate (bøker, "Vitenskap"));
// Utdata: { Matematikk: 4, Kjemi: 5 }

Funksjonskomposisjon i Lodash

Funksjonssammensetning er en teknikk du kan bruke i et funksjonelt programmeringsspråk. Det innebærer å kombinere to eller flere funksjoner til en ny funksjon ved å kalle hver funksjon i en bestemt rekkefølge. Denne funksjonen lar deg lage mer kompleks logikk fra enklere funksjoner.

For å bruke denne teknikken kommer lodash med _.strømme og _.flowRight funksjoner. De _.strømme() funksjon aksepterer en liste over funksjoner som argumenter og sender ut en ny funksjon som bruker funksjonene i samme rekkefølge som du sender dem inn. De _.flowRight() funksjon gjør det samme, men kaller opp funksjonene i revers.

For eksempel:

funksjonaddFive(Antall) {
komme tilbake nummer + 5
}
funksjonganger To(Antall) {
komme tilbake Antall * 2
}


konst addFiveAndTimesTwo = _.flow([addFive, timesTo]);


konst addFiveAndTimesTwoReverse = _.flowRight([addFive, timesTo]);


konsoll.log (addFiveAndTimesTwo(3));
// Utgang: 16
konsoll.log (addFiveAndTimesTwoReverse(3));
// Utgang: 11

Koden ovenfor definerer funksjonene addFive og ganger To. AddFive-funksjonen returnerer resultatet av å legge til 5 til et gitt tall. TimesTwo-funksjonen multipliserer et inndatatall med 2 og returnerer resultatet.

Koden bruker deretter _.strømme() funksjon for å kombinere de to andre og produsere den nye funksjonen, addFiveAndTimesTwo. Denne nye funksjonen vil først utføre addFive-operasjonen på argumentet før den utfører timesTwo-operasjonen på det endelige resultatet.

De _.flowRight() funksjon produserer en ny funksjon som gjør det samme som flyt, men i revers.

Til slutt kaller denne koden de to nye funksjonene, passerer 3, som argumentet, og logger resultatene til konsollen.

Fordelene ved å jobbe med Lodash

Du kan bruke lodash for å forenkle koden din og gjøre prosjektene dine mer fleksible og vedlikeholdbare. Dens brede utvalg av verktøyfunksjoner, utbredt bruk og regelmessige oppdateringer vil hjelpe deg med å skrive elegant, effektiv kode. Du kan bruke lodash for å garantere at koden din alltid er oppdatert og kompatibel med moderne nettlesere.