Lodash in TypeScript

1. Lodash in TypeScript
2. Holen Sie sich das erste und letzte Array-Element mit Lodash in TypeScript
3. Generieren Sie eine Zufallszahl mit Lodash in TypeScript
4. Packen Sie ein Array mit Lodash in TypeScript aus

Wir werden Lodash in TypeScript vorstellen und anhand von Beispielen lernen, wie man es verwendet.

Lodash in TypeScript

Während der Arbeit an einem großen Projekt oder einer Anwendung haben wir uns immer über eine Bibliothek Gedanken gemacht, die uns einige grundlegende Funktionen oder Funktionalitäten bieten könnte, die in jedem Projekt verwendet werden könnten, um einige grundlegende Ziele zu erreichen.

Lodash ist eine JavaScript-Bibliothek, die Hilfsfunktionen für unsere alltäglichen Programmieraufgaben bereitstellt. Dazu gehören das Abrufen des ersten oder letzten Array-Elements, eines bestimmten Array-Elements basierend auf der Position, das Chunking oder Slicing eines Arrays usw.

Microsoft hat TypeScript als Obermenge von JavaScript mit optionaler statischer Typisierung entwickelt. Wir können auch Merkmale wie Klassen und Zeigerfunktionen einbeziehen, die mit ihrem Modulsystem und optionalen Typannotationen mehr Struktur unterstützen.

TypeScript ist sehr schwierig, wenn es darum geht, den Code außerhalb von TypeScript zu verwenden. Der Unterschied zwischen JavaScript und TypeScript besteht darin, dass JavaScript keine Typanmerkungen enthält.

Jedes Objekt wird so behandelt, als hätte es einen beliebigen Typ in der Bibliothek. Alle Methoden rufen die Rückgabe eines beliebigen Typs auf und übergeben die Daten sofort an die anderen Bibliotheken, indem sie untypisiert werden.

Wir werden uns die Funktion _.flatten() von Lodash ansehen, die verwendet wird, um sich die neue Funktion in TypeScript anzusehen. Lodash ist eine großartige Bibliothek, die die Funktionen für alle möglichen Dinge nutzt, die in JavaScript nützlich sind, einschließlich der Array-Manipulation.

In diesem Artikel werden mehrere Lodash-Funktionen beschrieben, die verwendet werden können. Beginnen wir mit der Installation dieser Bibliothek mit dem folgenden npm-Befehl.

# typescript
npm i lodash

Sobald wir Lodash installiert haben, können wir die Version von Lodash überprüfen, indem wir den folgenden Befehl verwenden, wie unten gezeigt.

# lodash
const _ = require("lodash");

const ver = _.VERSION;
console.log(ver);

Ausgang:

Manchmal können wir nach der Installation von lodash den Fehler beim Importieren von lodash erhalten. Die beste Methode ist, die lodash-Typen mit dem folgenden Befehl zu installieren.

# typescript
npm install --save-dev @types/lodash

Nachdem wir die lodash-Typen installiert haben, können wir das lodash-Modul einfach mit der folgenden Codezeile importieren.

# typescript
import * as _ from `lodash`;

Nun werden wir nacheinander einige grundlegende Funktionen durchgehen, die uns Lodash für unsere gemeinsamen Programmieraufgaben zur Verfügung stellt.

Holen Sie sich das erste und letzte Array-Element mit Lodash in TypeScript

Lodash befasst sich viel mit Array-Manipulationen und einigen am häufigsten verwendeten Szenarien. Wir können die Funktionen _.first und _.last verwenden, um das erste oder letzte Element des Arrays zu erhalten.

Wir können auch die _.nth verwenden, um das n-te Element des Arrays zu erhalten. Wir können vom Ende des Arrays gelangen, indem wir den negativen Index verwenden, wie unten gezeigt.

# typescript
const _ = require("lodash");

let arraySample = ['This', 'is', 'Lodash', 'in', 'Typescript'];

let firstElem = _.first(arraySample);
let lastElem = _.last(arraySample);


console.log(`First element of Sample Array is ${firstElem}`);
console.log(`Last element of Sample Array is ${lastElem}`);
console.log(`3rd element of Sample Array is ${_.nth(nums, 3)}`);
console.log(`3rd last element of Sample Array is ${_.nth(nums, -3)}`);

Ausgang:

Wie wir aus dem obigen Beispiel sehen können, ist es ziemlich einfach, jedes der Elemente aus einem Array mit der Lodash-Bibliothek zu erhalten.

Generieren Sie eine Zufallszahl mit Lodash in TypeScript

Lodash ermöglicht es uns auch, die Zufallszahlen mit einer einfachen Funktion _.random() zu erhalten. Wir können in dieser Funktion einen oder zwei Parameter angeben.

Wenn wir nur einen Parameter angeben, nimmt er den Startpunkt bei 0. Lassen Sie uns ein Beispiel durchgehen und versuchen, eine Zufallszahl zwischen 0 und 100 und 50 bis 100 zu generieren.

# typescript
const _ = require("lodash");

let randNum = _.random(100);
console.log(randNum);

randNum = _.random(50, 100);
console.log(randNum);

Ausgang:

Wie wir im obigen Beispiel sehen können, können wir mit dieser einfachen Funktion leicht eine Zufallszahl aus einem Bereich erhalten.

Packen Sie ein Array mit Lodash in TypeScript aus

Es gibt viele Situationen, in denen wir ein verschachteltes Array erhalten und das verschachtelte Array in ein einfaches Array konvertieren möchten. Lodash bietet eine einfache Funktion, die zum Auspacken eines verschachtelten Arrays verwendet werden kann.

Die Funktion zum Auspacken eines Arrays ist als _.flatten() bekannt. Diese Funktion kann zwei Argumente annehmen.

Das erste Argument ist das verschachtelte Array, das wir auspacken möchten. Das zweite Argument ist, ob mit dem Auspacken des verschachtelten Arrays fortgefahren werden soll, bis als Ergebnis ein einfaches Array erhalten wird oder nicht; der Standardwert ist falsch.

Lassen Sie uns ein Beispiel durchgehen und versuchen, ein verschachteltes Array zu entpacken, wie unten gezeigt.

# typescript
const _ = require("lodash");

let simpleNested = _.flatten([1, 2, 3]);;
console.log(simpleNested);

let advNested = _.flatten([[1], [2, 3], [[4, 5]]]);
console.log(advNested);

let advNested2 = _.flatten([[1], [2, 3], [[4, 5]]], true);
console.log(advNested);

Ausgang: