Uma introdução ao Lodash e seus benefícios para desenvolvedores JavaScript
LarLar > blog > Uma introdução ao Lodash e seus benefícios para desenvolvedores JavaScript

Uma introdução ao Lodash e seus benefícios para desenvolvedores JavaScript

Dec 18, 2023

Lodash é uma biblioteca de utilitários para ativar seu código JavaScript e simplificar o básico.

Lodash é uma biblioteca JavaScript que oferece funções utilitárias para tarefas típicas de programação usando o modelo de programação funcional.

A biblioteca, que funciona com navegadores da Web e Node.js, pode modificar e converter dados, executar operações assíncronas e muito mais.

Aprenda a usar o lodash para manipular matrizes, strings e objetos e descubra seus recursos avançados, como composição de funções.

Você pode adicionar lodash ao seu aplicativo de duas maneiras: usando uma rede de entrega de conteúdo (CDN) ou instalando-o usando npm ou yarn.

Para usar lodash diretamente no navegador, copie o link lodash CDN abaixo e insira-o na seção head do seu arquivo HTML:

Usando essa abordagem, você pode executar scripts usando lodash no corpo do seu HTML.

Para usar o lodash em um projeto Node.js, você deve instalá-lo no diretório do seu projeto. Você pode usar npm ou yarn para fazer isso:

Agora você pode usar lodash exigindo-o em seu arquivo JavaScript:

Para executar seu arquivo JavaScript, insira o comando node:

O Lodash vem com um conjunto de métodos para manipulação de array que fornecem funcionalidade além da classe Array integrada do JavaScript.

Este método divide uma matriz em grupos de matrizes menores de um determinado tamanho. O pedaço final pode ser menor do que o tamanho solicitado.

Aqui está um exemplo:

Este método gera uma nova matriz concatenando valores ao final de uma matriz existente.

Por exemplo:

Este método retorna uma string combinando elementos de um array. Ele os une usando um delimitador que você passa como parâmetro ao chamar o método. O delimitador padrão que ele usa é uma vírgula:

Com JavaScript puro, a formatação de strings é um processo simples. Mas lodash torna ainda mais fácil.

Algumas das operações de manipulação de strings mais comuns que você pode executar com lodash incluem:

Esses dois métodos verificam se uma string começa ou termina com uma substring, respectivamente. Ambos os métodos retornam um valor booleano true ou false.

Por exemplo:

Este método imprime repetidamente uma string um número específico de vezes. Leva a string como seu primeiro argumento e o número de repetições como o segundo:

Este método remove os espaços em branco iniciais e finais. Você também pode usá-lo para remover quaisquer caracteres específicos no início e no final de uma string.

Por exemplo:

Abaixo estão alguns exemplos de manipulação de strings que você pode executar com lodash:

O_.merge() O método cria um novo objeto combinando as propriedades dos objetos de entrada. O valor de uma propriedade do objeto posterior substituirá o valor do objeto anterior se a propriedade estiver presente em mais de um objeto.

Por exemplo:

Neste exemplo, o método adiciona a propriedade 'Chemistry' do segundo objeto e substitui o valor da propriedade 'Science' do primeiro objeto.

Este método retorna verdadeiro se uma determinada série de propriedades existir em um objeto e falso caso contrário.

Por exemplo:

Este método retorna um novo objeto removendo as propriedades especificadas do dado.

Por exemplo:

A composição de funções é uma técnica que você pode usar em uma linguagem de programação funcional. Envolve a combinação de duas ou mais funções em uma nova função chamando cada função em uma ordem específica. Esse recurso permite criar uma lógica mais complexa a partir de funções mais simples.

Para aplicar esta técnica, lodash vem com o_.fluxoe_.flowDireita funções. O_.fluxo()A função aceita uma lista de funções como argumentos e gera uma nova função que aplica as funções na mesma ordem em que você as passa._.flowRight()A função faz o mesmo, mas chama as funções ao contrário.

Por exemplo:

O código acima define as funçõesadicionar cincoeduas vezes . A função addFive retorna o resultado da adição de 5 a um determinado número. A função timesTwo multiplica um número de entrada por 2 e retorna o resultado.