Una introducción a Lodash y sus beneficios para los desarrolladores de JavaScript

Lodash es una biblioteca de JavaScript que ofrece funciones de utilidad para tareas de programación típicas utilizando el modelo de programación funcional.

La biblioteca, que funciona con navegadores web y Node.js, puede modificar y convertir datos, realizar operaciones asincrónicas y más.

Aprenda a usar lodash para manipular matrices, cadenas y objetos, y descubra sus características avanzadas, como la composición de funciones.

Primeros pasos con Lodash

Puede agregar lodash a su aplicación de una de dos maneras: usando una red de entrega de contenido (CDN) o instalándola usando npm o yarn.

Para usar lodash directamente en el navegador, copie el enlace CDN de lodash a continuación e insértelo en la sección de encabezado de su archivo HTML:

<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js"
  type="text/javascript"></script>


Con este enfoque, puede ejecutar scripts usando lodash en el cuerpo de su HTML.

Para usar lodash en un proyecto de Node.js, debe instalarlo en el directorio de su proyecto. Puede usar npm o yarn para hacerlo:

npm install --save lodash
# or
yarn add lodash


Ahora puede usar lodash solicitándolo en su archivo JavaScript:

// Requiring the lodash library
const _ = require("lodash");


// Using the _.sum method
const numbers = [10, 20, 30, 40, 50];
const sum = _.sum(numbers);
console.log(sum);


Para ejecutar su archivo JavaScript, ingrese el comando de nodo:

node [Your script name]


Manipulación de matrices en Lodash

Lodash viene con un conjunto de métodos para la manipulación de matrices que brindan una funcionalidad más allá de la clase Array integrada de JavaScript.

.pedazo

Este método divide una matriz en grupos de matrices más pequeñas de un tamaño determinado. El trozo final puede ser más pequeño que el tamaño que solicita.

Aquí hay un ejemplo:

const array = [ 'a', 'b', 'c', 'd', 'e', 'f', 'g' ];
const newArray = _.chunk(array, 2)
console.log(newArray)


// Output:
// [ [ 'a', 'b' ], [ 'c', 'd' ], [ 'e', 'f' ], [ 'g' ] ]


.concat

Este método genera una nueva matriz concatenando valores al final de una matriz existente.

Por ejemplo:

const array = [ 1, 2, 'a' ];
const newArray = _.concat(array, 5, 'b', [ 8 ], [ [ 9 ] ]);
console.log(newArray);


// Output:
// [ 1, 2, 'a', 5, 'b', 8, [ 9 ] ]


.entrar

Este método devuelve una cadena al combinar elementos de una matriz. Los une usando un delimitador que pasas como parámetro cuando llamas al método. El delimitador predeterminado que utiliza es una coma:

const array = [ "l", "o", "d", "a", "s", "h" ];
const newArray = _.join(array);
console.log(newArray);


// Output:
// l,o,d,a,s,h

// Output:
// l-o-d-a-s-h


Manipulación de cadenas en Lodash

Con JavaScript simple, el formateo de cadenas es un proceso simple. Pero lodash lo hace aún más fácil.

Algunas de las operaciones de manipulación de cadenas más comunes que puede realizar con lodash incluyen:

.comienza con y. termina con

Estos dos métodos verifican si una cadena comienza o termina con una subcadena, respectivamente. Ambos métodos devuelven un valor booleano de verdadero o falso.

Por ejemplo:

const string = "lodash";


console.log(_.startsWith(string, "l"));
// Output: true

console.log(_.endsWith(string, "h"));
// Output: true


.repetir

Este método imprime repetidamente una cadena un número específico de veces. Toma la cadena como primer argumento y el número de repeticiones como segundo:

const string = "lodash"
const newString = _.repeat(string, 3);
console.log(newString);
// Output: lodashlodashlodash


.podar

Este método elimina los espacios en blanco iniciales y finales. También puede usarlo para eliminar cualquier carácter específico al principio y al final de una cadena.

Por ejemplo:

// Removing leading & trailing whitespace
const string = "bar "
const newString = _.trim(string)
console.log(newString);
// Output: bar


// Removing specified characters
const string = ",bar,"
const newString = _.trim(string, ",")
console.log(newString);
// Output: bar


Manipulación de objetos en Lodash

A continuación se muestran algunos ejemplos de manipulación de cadenas que puede realizar con lodash:

.unir

El método _.merge() crea un nuevo objeto al combinar las propiedades de los objetos de entrada. El valor de una propiedad del objeto posterior reemplazará el valor del objeto anterior si la propiedad está presente en más de un objeto.

Por ejemplo:

const books = {
    'Mathematics': 4,
    'Science': 7
};


const notes = {
    'Science': 3,
    'Chemistry': 5
};

En este ejemplo, el método agrega la propiedad ‘Química’ del segundo objeto y sobrescribe el valor de la propiedad ‘Ciencia’ del primer objeto.

.posee

Este método devuelve verdadero si existe una serie dada de propiedades en un objeto y falso en caso contrario.

Por ejemplo:

const books = {
    'Mathematics': 4,
    'Science': 7
};


console.log(_.has(books, "Mathematics"));
// Output: true


.omitir

Este método devuelve un nuevo objeto eliminando las propiedades especificadas del dado.

Por ejemplo:

var books = {
    'Mathematics': 4,
    'Science': 3,
    'Chemistry': 5
};


console.log(_.omit(books, "Science"));
// Output: { Mathematics: 4, Chemistry: 5 }


Composición de funciones en Lodash

La composición de funciones es una técnica que puede utilizar en un lenguaje de programación funcional. Implica combinar dos o más funciones en una nueva función llamando a cada función en un orden particular. Esta característica le permite crear una lógica más compleja a partir de funciones más simples.

Para aplicar esta técnica, lodash viene con las funciones _.flow y _.flowRight . La función _.flow() acepta una lista de funciones como argumentos y genera una nueva función que aplica las funciones en el mismo orden en que las pasa. La función _.flowRight() hace lo mismo, pero llama a las funciones en contrarrestar.

Por ejemplo:

function addFive(number) {
    return number + 5
}


function timesTwo(number) {
    return number * 2
}

console.log(addFiveAndTimesTwoReverse(3));
// Output: 11


El código anterior define las funciones addFive y timesTwo . La función addFive devuelve el resultado de sumar 5 a un número dado. La función timesTwo multiplica un número de entrada por 2 y devuelve el resultado.

Luego, el código usa la función _.flow() para combinar las otras dos y producir la nueva función, addFiveAndTimesTwo . Esta nueva función primero realizará la operación addFive en su argumento antes de realizar la operación timesTwo en el resultado final.

La función _.flowRight() produce una nueva función que hace lo mismo que flow, pero a la inversa.

Finalmente, este código llama a las dos nuevas funciones, pasando 3 , como argumento, y registra los resultados en la consola.

Los beneficios de trabajar con Lodash

Puede usar lodash para simplificar su código y hacer que sus proyectos sean más flexibles y fáciles de mantener. Su amplia gama de funciones de utilidad, adopción generalizada y actualizaciones periódicas lo ayudarán a escribir código elegante y efectivo. Puede usar lodash para garantizar que su código esté siempre actualizado y sea compatible con los navegadores contemporáneos.