Lodash en TypeScript

1. Lodash en TypeScript
2. Obtenga el primer y el último elemento de matriz usando Lodash en TypeScript
3. Genere un número aleatorio usando Lodash en TypeScript
4. Desenvuelva una matriz usando Lodash en TypeScript

Presentaremos Lodash en TypeScript y aprenderemos a usarlo con ejemplos.

Lodash en TypeScript

Mientras trabajamos en un gran proyecto o aplicación, siempre nos hemos preguntado acerca de una biblioteca que pueda proporcionarnos algunas funciones o funcionalidades básicas que podrían usarse en cada proyecto para lograr algunos objetivos básicos.

Lodash es una biblioteca de JavaScript que proporciona funciones de utilidad para nuestras tareas diarias de programación. Estos incluyen obtener el primer o último elemento de la matriz, un elemento de matriz específico basado en la posición, fragmentar o dividir una matriz, etc.

Microsoft diseñó TypeScript como un superconjunto de JavaScript con escritura estática opcional. También podemos incluir características, como clases y funciones de puntero que admitan más estructura con su sistema de módulos y anotaciones de tipo opcionales.

TypeScript es muy difícil cuando se trata de utilizar el código fuera de TypeScript. La diferencia entre JavaScript y TypeScript es que JavaScript no tiene anotaciones de tipo.

Cada objeto se trata como si tuviera cualquier tipo en la biblioteca. Todos los métodos llaman a la devolución de cualquier tipo e inmediatamente pasan los datos a las otras bibliotecas sin tiparlos.

Veremos la función _.flatten() de Lodash, utilizada para ver la nueva función en TypeScript. Lodash es una gran biblioteca que utilizará las funciones para todo tipo de cosas que serán útiles en JavaScript, incluida la manipulación de matrices.

Este artículo analizará varias funciones de Lodash que se pueden usar. Comencemos instalando esta biblioteca usando el siguiente comando npm.

# typescript
npm i lodash

Una vez que hayamos instalado Lodash, podemos verificar la versión de Lodash usando el siguiente comando, como se muestra a continuación.

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

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

Producción:

A veces, después de instalar lodash, podemos obtener el error al importar desde lodash. El mejor método es instalar los tipos lodash usando el siguiente comando.

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

Una vez que hemos instalado los tipos lodash, podemos importar fácilmente el módulo lodash usando la siguiente línea de código.

# typescript
import * as _ from `lodash`;

Ahora, repasaremos algunas funciones básicas que Lodash nos proporciona para nuestras tareas de programación comunes, una por una.

Obtenga el primer y el último elemento de matriz usando Lodash en TypeScript

Lodash se ocupa mucho de la manipulación de matrices y algunos de los escenarios más utilizados. Podemos usar las funciones _.first y _.last para obtener el primer o último elemento de la matriz.

También podemos usar el _.nth para obtener el elemento nth de la matriz. Podemos obtener desde el final de la matriz usando el índice negativo, como se muestra a continuación.

# 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)}`);

Producción:

Como podemos ver en el ejemplo anterior, es bastante fácil obtener cualquiera de los elementos de una matriz utilizando la biblioteca Lodash.

Genere un número aleatorio usando Lodash en TypeScript

Lodash también nos permite obtener los números aleatorios usando una función simple _.random(). Podemos proporcionar uno o dos parámetros en esta función.

Si proporcionamos solo un parámetro, tomará el punto de partida desde 0. Veamos un ejemplo e intentemos generar un número aleatorio entre 0 y 100 y entre 50 y 100.

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

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

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

Producción:

Como podemos ver en el ejemplo anterior, podemos obtener fácilmente un número aleatorio de un rango usando esta función simple.

Desenvuelva una matriz usando Lodash en TypeScript

Hay muchas situaciones en las que obtenemos una matriz anidada y queremos convertir la matriz anidada en una matriz simple. Lodash proporciona una función fácil que se puede usar para desenvolver una matriz anidada.

La función para desenvolver una matriz se conoce como _.flatten(). Esta función puede aceptar dos argumentos.

El primer argumento es la matriz anidada que queremos desenvolver. El segundo argumento es si continuar desempaquetando la matriz anidada hasta obtener como resultado una matriz simple o no; el valor predeterminado es falso.

Veamos un ejemplo e intentemos desenvolver una matriz anidada, como se muestra a continuación.

# 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);

Producción: