Leitores como você ajudam a apoiar o MUO. Quando você faz uma compra usando links em nosso site, podemos ganhar uma comissão de afiliado. Consulte Mais informação.

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.

Começando com Lodash

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:

<roteiroorigem=" https://cdn.jsdelivr.net/npm/[email protected]/lodash.min.js"
 digite="texto/javascript">roteiro>

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:

npm install --save lodash
# ou
fios adicionar lodash

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

// Exigindo a biblioteca lodash
const _ = exigir("lodash");
// Usando o método _.sum
const números = [10, 20, 30, 40, 50];
const soma = _.soma (números);
console.log (soma);

Para executar seu arquivo JavaScript, insira o comando node:

node [Seu nome de script]

Manipulação de Array em Lodash

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.

.chunk

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:

const matriz = [ 'a', 'b', 'c', 'd', 'e', 'f', 'g' ];
const novoArray = _.chunk (array, 2)
console.log (novoArray)
// Saída:
// [ [ 'ABCDEFG' ] ]

.concat

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

Por exemplo:

constvariedade = [ 1, 2, 'a' ];
const novoArray = _.concat(variedade, 5, 'b', [ 8 ], [ [ 9 ] ]);
console.log (novoArray);
// Saída:
// [ 1, 2, 'a', 5, 'b', 8, [ 9 ] ]

.juntar

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:

constvariedade = [ "eu", "o", "d", "a", "s", "h" ];
const novoArray = _.join(variedade);
console.log (novoArray);
// Saída:
// l, o, d, a, s, h


const novoArray = _.join(variedade, "-");
console.log (novoArray);
// Saída:
// l-o-d-a-s-h

Manipulação de Cordas em Lodash

Com JavaScript puro, formatação de string é 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:

.startsWith e .endsWith

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:

const string = "lodash";
console.log (_.startsWith (string, "eu"));
// Saída: verdadeiro


console.log (_.startsWith (string, "o"));
// Saída: falso


console.log (_.endsWith (string, "m"));
// Saída: falso
console.log (_.endsWith (string, "h"));
// Saída: verdadeiro

.repita

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:

const string = "lodash"
const newString = _.repeat (string, 3);
console.log (novaString);
// Saída: lodashlodashlodash

.aparar

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:

// Removendo espaços em branco iniciais e finais
const string = " bar "
const newString = _.trim (string)
console.log (novaString);
//Saída: barra
// Removendo caracteres especificados
const string = ",bar,"
const novaString = _.trim (string, ",")
console.log (novaString);
//Saída: barra

Manipulação de objetos em Lodash

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

.merge

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:

const livros = {
'Matemática': 4, 
'Ciência': 7
};

const notas = {
'Ciência': 3, 
'Química': 5
};
_.merge(livros, notas);
console.log (livros);
// Saída:
// { Matemática: 4, Ciências: 3, Química: 5 }

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

.tem

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

Por exemplo:

const livros = {
'Matemática': 4, 
'Ciência': 7
};
console.log (_.has (livros, "Matemática"));
// Saída: verdadeiro

.omitir

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

Por exemplo:

var livros = {
'Matemática': 4, 
'Ciência': 3, 
'Química': 5
};

console.log (_.omitir (livros, "Ciência"));
// Saída: { Matemática: 4, Química: 5 }

Composição de função em Lodash

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 _.fluxo e _.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. O _.flowRight() A função faz o mesmo, mas chama as funções ao contrário.

Por exemplo:

funçãoadicionar cinco(número) {
retornar número + 5
}
funçãoduas vezes(número) {
retornar número * 2
}


const addFiveAndTimesTwo = _.flow([addFive, timesTwo]);


const addFiveAndTimesTwoReverse = _.flowRight([addFive, timesTwo]);


console.log (addFiveAndTimesTwo(3));
// Saída: 16
console.log (addFiveAndTimesTwoReverse(3));
// Saída: 11

O código acima define as funções adicionar cinco e duas 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.

O código então usa o _.fluxo() função para combinar as outras duas e produzir a nova função, addFiveAndTimesTwo. Essa nova função executará primeiro a operação addFive em seu argumento antes de executar a operação timesTwo no resultado final.

O _.flowRight() function produz uma nova função que faz o mesmo que flow, mas ao contrário.

Por fim, esse código chama as duas novas funções, passando 3, como argumento e registra os resultados no console.

Os benefícios de trabalhar com Lodash

Você pode usar o lodash para simplificar seu código e tornar seus projetos mais flexíveis e fáceis de manter. Sua ampla variedade de funções utilitárias, ampla adoção e atualizações regulares o ajudarão a escrever códigos elegantes e eficazes. Você pode usar lodash para garantir que seu código esteja sempre atualizado e compatível com navegadores contemporâneos.