Läsare som du hjälper till att stödja MUO. När du gör ett köp med hjälp av länkar på vår webbplats kan vi tjäna en affiliate-provision. Läs mer.

Lodash är ett JavaScript-bibliotek som erbjuder verktygsfunktioner för typiska programmeringsuppgifter med hjälp av den funktionella programmeringsmodellen.

Biblioteket, som fungerar med webbläsare och Node.js, kan modifiera och konvertera data, utföra asynkrona operationer och mer.

Lär dig hur du använder lodash för att manipulera matriser, strängar och objekt och ta reda på dess avancerade funktioner som funktionssammansättning.

Komma igång med Lodash

Du kan lägga till lodash till din app på ett av två sätt: genom att använda ett Content Delivery Network (CDN) eller installera det med npm eller garn.

För att använda lodash direkt i webbläsaren, kopiera lodash CDN-länken nedan och infoga den i huvuddelen av din HTML-fil:

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

Med det här tillvägagångssättet kan du köra skript med hjälp av lodash i kroppen av din HTML.

instagram viewer

För att använda lodash i ett Node.js-projekt bör du installera det i din projektkatalog. Du kan använda antingen npm eller garn för att göra det:

npm installera --spara lodash
# eller
garn lägg till lodash

Du kan nu använda lodash genom att kräva det i din JavaScript-fil:

// Kräver lodash-biblioteket
konst _ = behöva("lodash");
// Använda metoden _.sum
konst siffror = [10, 20, 30, 40, 50];
konst summa = _.summa (tal);
trösta.log (summa);

För att köra din JavaScript-fil anger du nodkommandot:

nod [Ditt skriptnamn]

Array Manipulation i Lodash

Lodash kommer med en uppsättning metoder för arraymanipulation som ger funktionalitet utöver JavaScripts inbyggda Array-klass.

.chunk

Denna metod delar upp en array i grupper av mindre arrayer av en given storlek. Den sista biten kan vara mindre än den storlek du begär.

Här är ett exempel:

konst array = [ 'a', 'b', 'c', 'd', 'e', 'f', 'g' ];
konst newArray = _.chunk (array, 2)
trösta.log (newArray)
// Utdata:
// [ [ 'a', 'b' ], [ 'c', 'd' ], [ 'e', ​​'f' ], [ 'g' ] ]

.concat

Denna metod genererar en ny array genom att sammanfoga värden till slutet av en befintlig array.

Till exempel:

konstarray = [ 1, 2, 'a' ];
konst newArray = _.concat(array, 5, 'b', [ 8 ], [ [ 9 ] ]);
trösta.log (newArray);
// Utdata:
// [ 1, 2, 'a', 5, 'b', 8, [ 9 ] ]

.Ansluta sig

Denna metod returnerar en sträng genom att kombinera element i en array. Den förenar dem med hjälp av en avgränsare som du skickar som en parameter när du anropar metoden. Standardavgränsaren den använder är ett kommatecken:

konstarray = [ "l", "o", "d", "a", "s", "h" ];
konst newArray = _.join(array);
trösta.log (newArray);
// Utdata:
// l, o, d, a, s, h


konst newArray = _.join(array, "-");
trösta.log (newArray);
// Utdata:
// l-o-d-a-s-h

Strängmanipulation i Lodash

Med blott JavaScript, strängformatering är en enkel process. Men lodash gör det ännu enklare.

Några av de vanligaste strängmanipuleringsoperationerna du kan utföra med lodash inkluderar:

.startsWith och .endsWith

Dessa två metoder kontrollerar om en sträng börjar respektive slutar med en delsträng. Båda metoderna returnerar ett booleskt värde på sant eller falskt.

Till exempel:

konst sträng = "lodash";
trösta.log (_.startsWith (sträng, "l"));
// Utdata: sant


trösta.log (_.startsWith (sträng, "o"));
// Utdata: falskt


trösta.log (_.endsWith (sträng, "m"));
// Utdata: falskt
trösta.log (_.endsWith (sträng, "h"));
// Utdata: sant

.upprepa

Denna metod skriver ut en sträng upprepade gånger ett visst antal gånger. Den tar strängen som sitt första argument och antalet repetitioner som det andra:

konst sträng = "lodash"
konst newString = _.repeat (sträng, 3);
trösta.log (newString);
// Utdata: lodashlodashlodash

.trim

Denna metod tar bort inledande och efterföljande blanksteg. Du kan också använda den för att ta bort specifika tecken i början och slutet av en sträng.

Till exempel:

// Ta bort inledande och efterföljande blanksteg
konst sträng = "bar"
konst newString = _.trim (sträng)
trösta.log (newString);
// Utdata: bar
// Tar bort angivna tecken
konst sträng = ",bar,"
konst newString = _.trim (sträng, ",")
trösta.log (newString);
// Utdata: bar

Objektmanipulation i Lodash

Nedan är några exempel på strängmanipulation som du kan utföra med lodash:

.sammanfoga

De _.sammanfoga() metoden skapar ett nytt objekt genom att kombinera egenskaperna för indataobjekten. En egenskaps värde från det senare objektet kommer att ersätta värdet från det tidigare objektet om egenskapen finns i mer än ett objekt.

Till exempel:

konst böcker = {
'Matematik': 4, 
'Vetenskap': 7
};

konst anteckningar = {
'Vetenskap': 3, 
'Kemi': 5
};
_.sammanfoga(böcker, anteckningar);
trösta.loggböcker);
// Utdata:
// { Matematik: 4, Naturvetenskap: 3, Kemi: 5 }

I det här exemplet lägger metoden till egenskapen 'Chemistry' från det andra objektet och skriver över värdet på det första objektets 'Science'-egenskap.

.har

Den här metoden returnerar sant om en given serie egenskaper finns i ett objekt och falskt annars.

Till exempel:

konst böcker = {
'Matematik': 4, 
'Vetenskap': 7
};
trösta.log (_.har (böcker, "Matematik"));
// Utdata: sant

.utelämna

Denna metod returnerar ett nytt objekt genom att ta bort specificerade egenskaper från det givna.

Till exempel:

var böcker = {
'Matematik': 4, 
'Vetenskap': 3, 
'Kemi': 5
};

trösta.log (_.omit (böcker, "Vetenskap"));
// Utdata: { Matematik: 4, Kemi: 5 }

Funktionskomposition i Lodash

Funktionssammansättning är en teknik du kan använda i ett funktionellt programmeringsspråk. Det innebär att kombinera två eller flera funktioner till en ny funktion genom att anropa varje funktion i en viss ordning. Denna funktion gör att du kan skapa mer komplex logik från enklare funktioner.

För att tillämpa denna teknik kommer lodash med _.flöde och _.flowRight funktioner. De _.flöde() function accepterar en lista med funktioner som argument och matar ut en ny funktion som tillämpar funktionerna i samma ordning som du skickar dem in. De _.flowRight() funktion gör samma sak, men den anropar funktionerna omvänt.

Till exempel:

fungeraaddFive(siffra) {
lämna tillbaka nummer + 5
}
fungeragånger Två(siffra) {
lämna tillbaka siffra * 2
}


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


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


trösta.log (addFiveAndTimesTwo(3));
// Utdata: 16
trösta.log (addFiveAndTimesTwoReverse(3));
// Utdata: 11

Ovanstående kod definierar funktionerna addFive och gånger Två. AddFive-funktionen returnerar resultatet av att lägga till 5 till ett givet tal. Funktionen timesTwo multiplicerar ett inmatat tal med 2 och returnerar resultatet.

Koden använder sedan _.flöde() funktion för att kombinera de två andra och producera den nya funktionen, addFiveAndTimesTwo. Denna nya funktion kommer först att utföra addFive-operationen på dess argument innan den utför timesTwo-operationen på det slutliga resultatet.

De _.flowRight() funktion producerar en ny funktion som gör samma sak som flöde, men omvänt.

Slutligen anropar denna kod de två nya funktionerna, passerar 3, som argument, och loggar resultaten till konsolen.

Fördelarna med att arbeta med Lodash

Du kan använda lodash för att förenkla din kod och göra dina projekt mer flexibla och underhållbara. Dess breda utbud av verktygsfunktioner, utbredd användning och regelbundna uppdateringar hjälper dig att skriva elegant, effektiv kod. Du kan använda lodash för att garantera att din kod alltid är aktuell och kompatibel med moderna webbläsare.