Leser wie Sie helfen, MUO zu unterstützen. Wenn Sie über Links auf unserer Website einen Kauf tätigen, erhalten wir möglicherweise eine Affiliate-Provision. Weiterlesen.

Lodash ist eine JavaScript-Bibliothek, die Hilfsfunktionen für typische Programmieraufgaben unter Verwendung des funktionalen Programmiermodells bietet.

Die Bibliothek, die mit Webbrowsern und Node.js funktioniert, kann Daten ändern und konvertieren, asynchrone Operationen ausführen und mehr.

Erfahren Sie, wie Sie lodash verwenden, um Arrays, Strings und Objekte zu manipulieren, und informieren Sie sich über die erweiterten Funktionen wie Funktionskomposition.

Erste Schritte mit Lodash

Sie können Lodash auf zwei Arten zu Ihrer App hinzufügen: über ein Content Delivery Network (CDN) oder über npm oder Garn installieren.

Um Lodash direkt im Browser zu verwenden, kopieren Sie den unten stehenden Lodash-CDN-Link und fügen Sie ihn in den Head-Abschnitt Ihrer HTML-Datei ein:

<SkriptQuelle=" https://cdn.jsdelivr.net/npm/[email protected]/lodash.min.js"
 type="text/javascript">Skript>
instagram viewer

Mit diesem Ansatz können Sie Skripte mit lodash im Hauptteil Ihres HTML ausführen.

Um lodash in einem Node.js-Projekt zu verwenden, sollten Sie es in Ihrem Projektverzeichnis installieren. Sie können dazu entweder npm oder Garn verwenden:

npm install --save lodash
# oder
Garn füge Lodash hinzu

Sie können jetzt lodash verwenden, indem Sie es in Ihrer JavaScript-Datei anfordern:

// Erfordert die Lodash-Bibliothek
konst _ = erfordern("lodash");
// Verwendung der _.sum-Methode
konst zahlen = [10, 20, 30, 40, 50];
konst summe = _.summe (Zahlen);
Konsole.log (Summe);

Um Ihre JavaScript-Datei auszuführen, geben Sie den node-Befehl ein:

Knoten [Name Ihres Skripts]

Array-Manipulation in Lodash

Lodash verfügt über eine Reihe von Methoden zur Array-Manipulation, die Funktionen bieten, die über die integrierte Array-Klasse von JavaScript hinausgehen.

.stück

Diese Methode unterteilt ein Array in Gruppen kleinerer Arrays einer bestimmten Größe. Das letzte Stück kann kleiner sein als die von Ihnen angeforderte Größe.

Hier ist ein Beispiel:

konst Array = [ 'A', 'B', 'C', 'D', 'e', 'F', 'G' ];
konst newArray = _.chunk (Array, 2)
Konsole.log (neues Array)
// Ausgang:
// [ [ 'a', 'b' ], [ 'c', 'd' ], [ 'e', ​​'f' ], [ 'g' ] ]

.konkat

Diese Methode generiert ein neues Array, indem Werte mit dem Ende eines vorhandenen Arrays verkettet werden.

Zum Beispiel:

konstReihe = [ 1, 2, 'A' ];
konst neuesArray = _.concat(Reihe, 5, 'B', [ 8 ], [ [ 9 ] ]);
Konsole.log (neuesArray);
// Ausgang:
// [ 1, 2, 'a', 5, 'b', 8, [ 9 ] ]

.verbinden

Diese Methode gibt einen String zurück, indem sie Elemente eines Arrays kombiniert. Es verbindet sie mit einem Trennzeichen, das Sie beim Aufrufen der Methode als Parameter übergeben. Das standardmäßig verwendete Trennzeichen ist ein Komma:

konstReihe = [ "ich", "Ö", "D", "A", "S", "H" ];
konst neuesArray = _.join(Reihe);
Konsole.log (neuesArray);
// Ausgang:
// l, o, d, a, s, h


konst neuesArray = _.join(Reihe, "-");
Konsole.log (neuesArray);
// Ausgang:
// l-o-D-A-S-H

String-Manipulation in Lodash

Mit bloßem JavaScript Die Zeichenfolgenformatierung ist ein einfacher Vorgang. Aber Lodash macht es noch einfacher.

Einige der häufigsten String-Manipulationsoperationen, die Sie mit lodash durchführen können, sind:

.startsWith und .endsWith

Diese beiden Methoden prüfen, ob ein String mit einem Teilstring beginnt bzw. endet. Beide Methoden geben einen booleschen Wert wahr oder falsch zurück.

Zum Beispiel:

konst Zeichenfolge = "lodash";
Konsole.log (_.startsWith (Zeichenfolge, "ich"));
// Ausgabe: wahr


Konsole.log (_.startsWith (Zeichenfolge, "Ö"));
// Ausgabe: falsch


Konsole.log (_.endsWith (Zeichenfolge, "M"));
// Ausgabe: falsch
Konsole.log (_.endsWith (Zeichenfolge, "H"));
// Ausgabe: wahr

.wiederholen

Diese Methode gibt eine Zeichenfolge eine bestimmte Anzahl von Malen wiederholt aus. Es nimmt die Zeichenfolge als erstes Argument und die Anzahl der Wiederholungen als zweites:

konst Zeichenfolge = "lodash"
konst newString = _.repeat (Zeichenfolge, 3);
Konsole.log (neuerString);
// Ausgabe: lodashlodashlodash

.trimmen

Diese Methode entfernt führende und nachgestellte Leerzeichen. Sie können es auch verwenden, um bestimmte Zeichen am Anfang und am Ende einer Zeichenfolge zu entfernen.

Zum Beispiel:

// Entfernen von führenden und nachgestellten Leerzeichen
konst Zeichenfolge = " Bar "
konst newString = _.trim (Zeichenfolge)
Konsole.log (neuerString);
// Ausgabe: bar
// Angegebene Zeichen entfernen
konst Zeichenfolge = ",Bar,"
konst newString = _.trim (Zeichenfolge, ",")
Konsole.log (neuerString);
// Ausgabe: bar

Objektmanipulation in Lodash

Unten sind einige Beispiele für String-Manipulationen, die Sie mit lodash durchführen können:

.verschmelzen

Der _.verschmelzen() -Methode erstellt ein neues Objekt, indem sie die Eigenschaften der Eingabeobjekte kombiniert. Der Wert einer Eigenschaft aus dem späteren Objekt ersetzt den Wert aus dem früheren Objekt, wenn die Eigenschaft in mehr als einem Objekt vorhanden ist.

Zum Beispiel:

konst Bücher = {
'Mathematik': 4, 
'Wissenschaft': 7
};

konst Notizen = {
'Wissenschaft': 3, 
'Chemie': 5
};
_.verschmelzen(Bücher, Anmerkungen);
Konsole.Logbücher);
// Ausgang:
// { Mathematik: 4, Naturwissenschaften: 3, Chemie: 5 }

In diesem Beispiel fügt die Methode die Eigenschaft „Chemistry“ aus dem zweiten Objekt hinzu und überschreibt den Wert der Eigenschaft „Science“ des ersten Objekts.

.hat

Diese Methode gibt true zurück, wenn eine bestimmte Reihe von Eigenschaften in einem Objekt vorhanden ist, andernfalls false.

Zum Beispiel:

konst Bücher = {
'Mathematik': 4, 
'Wissenschaft': 7
};
Konsole.log (_.has (Bücher, "Mathematik"));
// Ausgabe: wahr

.auslassen

Diese Methode gibt ein neues Objekt zurück, indem sie angegebene Eigenschaften aus dem angegebenen entfernt.

Zum Beispiel:

Var Bücher = {
'Mathematik': 4, 
'Wissenschaft': 3, 
'Chemie': 5
};

Konsole.log (_.omit (Bücher, "Wissenschaft"));
// Ausgabe: { Mathematik: 4, Chemie: 5 }

Funktionskomposition in Lodash

Die Funktionskomposition ist eine Technik, die Sie verwenden können eine funktionale Programmiersprache. Dabei werden zwei oder mehr Funktionen zu einer neuen Funktion kombiniert, indem jede Funktion in einer bestimmten Reihenfolge aufgerufen wird. Mit dieser Funktion können Sie aus einfacheren Funktionen eine komplexere Logik erstellen.

Um diese Technik anzuwenden, wird Lodash mitgeliefert _.Fluss Und _.flowRight Funktionen. Der _.Fluss() Die Funktion akzeptiert eine Liste von Funktionen als Argumente und gibt eine neue Funktion aus, die die Funktionen in derselben Reihenfolge anwendet, in der Sie sie übergeben. Der _.flowRight() Die Funktion macht dasselbe, ruft aber die Funktionen umgekehrt auf.

Zum Beispiel:

FunktionaddFive(Nummer) {
zurückkehren Zahl + 5
}
FunktionmalZwei(Nummer) {
zurückkehren Nummer * 2
}


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


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


Konsole.log (addFiveAndTimesTwo(3));
// Ausgabe: 16
Konsole.log (addFiveAndTimesTwoReverse(3));
// Ausgabe: 11

Der obige Code definiert die Funktionen addFive Und malZwei. Die Funktion addFive gibt das Ergebnis der Addition von 5 zu einer gegebenen Zahl zurück. Die Funktion timesTwo multipliziert eine eingegebene Zahl mit 2 und gibt das Ergebnis zurück.

Der Code verwendet dann die _.Fluss() Funktion, um die beiden anderen zu kombinieren und die neue Funktion zu erzeugen, addFiveAndTimesTwo. Diese neue Funktion führt zuerst die addFive-Operation für ihr Argument aus, bevor sie die timesTwo-Operation für das Endergebnis ausführt.

Der _.flowRight() function erzeugt eine neue Funktion, die dasselbe tut wie flow, aber umgekehrt.

Schließlich ruft dieser Code die beiden neuen Funktionen auf und übergibt 3als Argument und protokolliert die Ergebnisse in der Konsole.

Die Vorteile der Zusammenarbeit mit Lodash

Sie können lodash verwenden, um Ihren Code zu vereinfachen und Ihre Projekte flexibler und wartbarer zu machen. Die breite Palette an Hilfsfunktionen, die weit verbreitete Akzeptanz und regelmäßige Updates helfen Ihnen, eleganten, effektiven Code zu schreiben. Sie können lodash verwenden, um sicherzustellen, dass Ihr Code immer aktuell und mit modernen Browsern kompatibel ist.