Introducción a Lodash y sus beneficios para desarrolladores de JavaScript
Lodash es una biblioteca de JavaScript que ofrece funciones útiles para tareas típicas de programación utilizando el modelo de programación funcional.
Una biblioteca que funciona con navegadores web y Node.js para transformar y transformar datos, realizar operaciones asincrónicas y más.
Aprenda a usar lodash para manipular matrices, cadenas y objetos, y explore sus funciones avanzadas, como la composición de funciones.
Comience 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 ip.
Para usar Lodash directamente en el navegador, copie y pegue el siguiente enlace CDN de lodash en el 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. Puedes usar npm o yarn para hacer esto:
npm install --save lodash
# or
yarn add lodash
Ahora puede usar lodash en su archivo JavaScript requiriendo:
const _ = require("lodash");
const numbers = [10, 20, 30, 40, 50];
const sum = _.sum(numbers);
console.log(sum);
Ingrese el comando de nodo para ejecutar su archivo JavaScript:
node [Your script name]
Manipulación de matrices en Lodash
Lodash viene con una serie de métodos para la manipulación de matrices que brindan una funcionalidad más allá de la clase Array integrada de JavaScript.
.montón
Este método divide una matriz en grupos de matrices más pequeñas de un tamaño determinado. La pieza final puede ser más pequeña que el tamaño solicitado.
Aquí hay un ejemplo:
const array = [ 'a', 'b', 'c', 'd', 'e', 'f', 'g' ];
const newArray = _.chunk(array, 2)
console.log(newArray)
.concat
Este método crea una nueva matriz agregando los valores al final de la matriz existente.
Por ejemplo:
const array = [ 1, 2, 'a' ];
const newArray = _.concat(array, 5, 'b', [ 8 ], [ [ 9 ] ]);
console.log(newArray);
.entrar
Este método devuelve una cadena al concatenar los elementos de la matriz. Los une usando el 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);const newArray = _.join(array, "-");
console.log(newArray);
// l-o-d-a-s-h
Manipulación de cadenas en Lodash
Con JavaScript desnudo, 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 son:
.empieza 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"));
console.log(_.startsWith(string, "o"));
console.log(_.endsWith(string, "m"));
console.log(_.endsWith(string, "h"));
.repetir
Este método vuelve a imprimir una matriz un número específico de veces. Toma una cadena como primer argumento y el número de repeticiones como segundo:
const string = "lodash"
const newString = _.repeat(string, 3);
console.log(newString);
.podar
Este método elimina los espacios iniciales y finales. También puede usarlo para eliminar cualquier carácter especial al principio y al final de una cadena.
Por ejemplo:
const string = " bar "
const newString = _.trim(string)
console.log(newString);
const string = ",bar,"
const newString = _.trim(string, "https://news.google.com/__i/rss/rd/articles/,")
console.log(newString);
Manipulación de objetos en Lodash
A continuación hay ejemplos de manipulación de cadenas que puede hacer con lodash:
.combinar
Él _.unir() crea un nuevo objeto combinando las propiedades de los objetos de entrada. Si la propiedad está en más de un objeto, el valor del siguiente objeto reemplazará el valor del objeto anterior.
Por ejemplo:
const books = {
'Mathematics': 4,
'Science': 7
};
const notes = {
'Science': 3 ,
'Chemistry': 5
};_.merge(books, notes);
console.log(books);
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.
.tener
Este método devuelve verdadero si el objeto contiene la cadena de propiedades dada, de lo contrario, devuelve falso.
Por ejemplo:
const books = {
'Mathematics': 4,
'Science': 7
};console.log(_.has(books, "Mathematics"));
.Déjalo ir
Este método devuelve un nuevo objeto eliminando las propiedades especificadas del objeto dado.
Por ejemplo:
var books = {
'Mathematics': 4,
'Science': 3 ,
'Chemistry': 5
};
console.log(_.omit(books, "Science"));
Composición funcional en Lodash
La composición funcional es una técnica que puedes utilizar es 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 específico. Esta característica le permite crear una lógica más compleja a partir de funciones más simples.
Viene con lodash para practicar esta técnica _.flujo y _.fluir a la derecha funciones Él _.flujo() function toma una lista de funciones como argumento y genera una nueva función que aplica las funciones en el mismo orden en que las pasó. _.FlujoDerecha() function hace lo mismo pero llama a funciones a la inversa.
Por ejemplo:
function addFive(number) {
return number + 5
}function timesTwo(number) {
return number * 2
}
const addFiveAndTimesTwo = _.flow([addFive, timesTwo]);
const addFiveAndTimesTwoReverse = _.flowRight([addFive, timesTwo]);
console.log(addFiveAndTimesTwo(3));
console.log(addFiveAndTimesTwoReverse(3));
El código anterior define las funciones. más cinco y dos veces. La función AddFive devuelve el resultado de sumar 5 a un número dado. La función TimeTwo multiplica el número de entrada por 2 y devuelve el resultado.
El código luego usa _.flujo() función para combinar las otras dos y crear una nueva función, añadircincoyvecesdos. Esta nueva función primero realizará la operación addFive en su argumento antes de finalmente realizar la operación timesTwo.
Él _.FlujoDerecha() produce una nueva función que es idéntica al flujo de funciones pero a la inversa.
Finalmente, este código llama a las dos nuevas funciones pasadas 3como argumento y registra los resultados en la consola.
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. Sus amplias funciones de utilidad, amplia aplicación y actualizaciones periódicas lo ayudarán a escribir código elegante y eficiente. Puede usar lodash para garantizar que su código esté siempre actualizado y sea compatible con los navegadores modernos.
