Lezers zoals jij steunen MUO. Wanneer u een aankoop doet via links op onze site, kunnen we een aangesloten commissie verdienen. Lees verder.

Lodash is een JavaScript-bibliotheek die hulpprogramma-functies biedt voor typische programmeertaken met behulp van het functionele programmeermodel.

De bibliotheek, die werkt met webbrowsers en Node.js, kan gegevens wijzigen en converteren, asynchrone bewerkingen uitvoeren en meer.

Leer hoe u lodash kunt gebruiken om arrays, strings en objecten te manipuleren en ontdek de geavanceerde functies ervan, zoals het samenstellen van functies.

Aan de slag met Lodash

U kunt lodash op twee manieren aan uw app toevoegen: met behulp van een Content Delivery Network (CDN) of door het te installeren met behulp van npm of garen.

Om Lodash rechtstreeks in de browser te gebruiken, kopieert u de onderstaande Lodash CDN-link en plaatst u deze in het hoofdgedeelte van uw HTML-bestand:

<scriptsrc=" https://cdn.jsdelivr.net/npm/[email protected]/lodash.min.js"
 typ="tekst/javascript">script>
instagram viewer

Met deze benadering kunt u scripts uitvoeren met behulp van lodash in de hoofdtekst van uw HTML.

Om lodash in een Node.js-project te gebruiken, moet u het in uw projectdirectory installeren. U kunt hiervoor npm of garen gebruiken:

npm install --save lodash
# of
garen voeg lodash toe

U kunt nu lodash gebruiken door het in uw JavaScript-bestand te vereisen:

// Vereist de lodash-bibliotheek
const _ = vereisen("lodash");
// De _.sum-methode gebruiken
const getallen = [10, 20, 30, 40, 50];
const som = _.som (getallen);
troosten.log (som);

Voer de node-opdracht in om uw JavaScript-bestand uit te voeren:

knooppunt [Uw scriptnaam]

Array-manipulatie in Lodash

Lodash wordt geleverd met een reeks methoden voor arraymanipulatie die functionaliteit bieden die verder gaat dan de ingebouwde Array-klasse van JavaScript.

.brok

Deze methode verdeelt een array in groepen van kleinere arrays van een bepaalde grootte. Het laatste stuk kan kleiner zijn dan de maat die u aanvraagt.

Hier is een voorbeeld:

const matrix = [ 'A', 'B', 'C', 'D', 'e', 'F', 'G' ];
const newArray = _.chunk (array, 2)
troosten.log (nieuweArray)
// Uitvoer:
// [ [ 'a', 'b'], [ 'c', 'd'], [ 'e', ​​'f'], [ 'g']]

.concat

Deze methode genereert een nieuwe array door waarden aan het einde van een bestaande array samen te voegen.

Bijvoorbeeld:

constreeks = [ 1, 2, 'A' ];
const nieuweArray = _.concat(reeks, 5, 'B', [ 8 ], [ [ 9 ] ]);
troosten.log (nieuweArray);
// Uitvoer:
// [ 1, 2, 'a', 5, 'b', 8, [ 9 ] ]

.meedoen

Deze methode retourneert een string door elementen van een array te combineren. Het voegt zich bij hen met behulp van een scheidingsteken dat u als parameter doorgeeft bij het aanroepen van de methode. Het standaardscheidingsteken dat wordt gebruikt, is een komma:

constreeks = [ "ik", "O", "D", "A", "S", "H" ];
const nieuweArray = _.join(reeks);
troosten.log (nieuweArray);
// Uitvoer:
// l, o, d, a, s, h


const nieuweArray = _.join(reeks, "-");
troosten.log (nieuweArray);
// Uitvoer:
// l-o-D-A-S-H

Stringmanipulatie in Lodash

Met kaal JavaScript, tekenreeksopmaak is een eenvoudig proces. Maar lodash maakt het nog makkelijker.

Enkele van de meest voorkomende stringmanipulatiebewerkingen die u met lodash kunt uitvoeren, zijn:

.begintMet en .eindigtMet

Deze twee methoden controleren respectievelijk of een tekenreeks begint of eindigt met een subtekenreeks. Beide methoden retourneren een booleaanse waarde van waar of onwaar.

Bijvoorbeeld:

const tekenreeks = "lodash";
troosten.log (_.startsWith (tekenreeks, "ik"));
// Uitvoer: waar


troosten.log (_.startsWith (tekenreeks, "O"));
// Uitvoer: onwaar


troosten.log (_.endsWith (tekenreeks, "M"));
// Uitvoer: onwaar
troosten.log (_.endsWith (tekenreeks, "H"));
// Uitvoer: waar

.herhalen

Deze methode drukt herhaaldelijk een string een bepaald aantal keren af. Het neemt de string als eerste argument en het aantal herhalingen als tweede:

const tekenreeks = "lodash"
const nieuweString = _.herhalen (string, 3);
troosten.log (nieuweString);
// Uitvoer: lodashlodashlodash

.trim

Deze methode verwijdert voorloop- en achterloopspaties. U kunt het ook gebruiken om specifieke tekens aan het begin en het einde van een string te verwijderen.

Bijvoorbeeld:

// Voorloop- en volgspaties verwijderen
const tekenreeks = " bar "
const nieuweString = _.trim (tekenreeks)
troosten.log (nieuweString);
// Uitvoer: balk
// Gespecificeerde tekens verwijderen
const tekenreeks = ",bar,"
const nieuweString = _.trim (tekenreeks, ",")
troosten.log (nieuweString);
// Uitvoer: balk

Objectmanipulatie in Lodash

Hieronder staan ​​enkele voorbeelden van stringmanipulatie die u kunt uitvoeren met lodash:

.samenvoegen

De _.samenvoegen() methode maakt een nieuw object door de eigenschappen van de invoerobjecten te combineren. De waarde van een eigenschap van het latere object vervangt de waarde van het eerdere object als de eigenschap aanwezig is in meer dan één object.

Bijvoorbeeld:

const boeken = {
'Wiskunde': 4, 
'Wetenschap': 7
};

const notities = {
'Wetenschap': 3, 
'Scheikunde': 5
};
_.samenvoegen(boeken, notities);
troosten.logboeken);
// Uitvoer:
// { Wiskunde: 4, Wetenschap: 3, Scheikunde: 5 }

In dit voorbeeld voegt de methode de eigenschap 'Chemistry' van het tweede object toe en overschrijft de waarde van de eigenschap 'Science' van het eerste object.

.heeft

Deze methode retourneert true als een bepaalde reeks eigenschappen in een object bestaat en anders false.

Bijvoorbeeld:

const boeken = {
'Wiskunde': 4, 
'Wetenschap': 7
};
troosten.log (_.heeft (boeken, "Wiskunde"));
// Uitvoer: waar

.weglaten

Deze methode retourneert een nieuw object door gespecificeerde eigenschappen uit het gegeven object te verwijderen.

Bijvoorbeeld:

var boeken = {
'Wiskunde': 4, 
'Wetenschap': 3, 
'Scheikunde': 5
};

troosten.log (_.omit (boeken, "Wetenschap"));
// Uitvoer: {Wiskunde: 4, Scheikunde: 5}

Functie Samenstelling in Lodash

Functiecompositie is een techniek die je kunt gebruiken een functionele programmeertaal. Het omvat het combineren van twee of meer functies tot een nieuwe functie door elke functie in een bepaalde volgorde aan te roepen. Met deze functie kunt u complexere logica maken van eenvoudigere functies.

Om deze techniek toe te passen, wordt lodash geleverd met de _.stroom En _.stroomRechts functies. De _.stroom() functie accepteert een lijst met functies als argumenten en voert een nieuwe functie uit die de functies toepast in dezelfde volgorde waarin u ze doorgeeft. De _.flowRight() functie doet hetzelfde, maar roept de functies omgekeerd aan.

Bijvoorbeeld:

functievoeg Vijf toe(nummer) {
opbrengst nummer + 5
}
functiekeerTwee(nummer) {
opbrengst nummer * 2
}


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


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


troosten.log (addFiveAndTimesTwo(3));
// Uitvoer: 16
troosten.log (addFiveAndTimesTwoReverse(3));
// Uitvoer: 11

De bovenstaande code definieert de functies voeg Vijf toe En keerTwee. De functie addFive retourneert het resultaat van het optellen van 5 bij een bepaald getal. De functie timesTwo vermenigvuldigt een ingevoerd getal met 2 en retourneert het resultaat.

De code gebruikt dan de _.stroom() functie om de twee andere te combineren en de nieuwe functie te produceren, addFiveAndTimesTwo. Deze nieuwe functie voert eerst de addFive-bewerking uit op het bijbehorende argument voordat de timesTwo-bewerking wordt uitgevoerd op het eindresultaat.

De _.flowRight() functie produceert een nieuwe functie die hetzelfde doet als flow, maar dan omgekeerd.

Ten slotte noemt deze code de twee nieuwe functies, doorgeven 3, als argument, en logt de resultaten naar de console.

De voordelen van werken met Lodash

U kunt lodash gebruiken om uw code te vereenvoudigen en uw projecten flexibeler en beter te onderhouden te maken. Het brede scala aan hulpprogramma-functies, brede acceptatie en regelmatige updates helpen u bij het schrijven van elegante, effectieve code. U kunt lodash gebruiken om te garanderen dat uw code altijd actueel en compatibel is met moderne browsers.