I lettori come te aiutano a sostenere MUO. Quando effettui un acquisto utilizzando i link sul nostro sito, potremmo guadagnare una commissione di affiliazione. Per saperne di più.

Lodash è una libreria JavaScript che offre funzioni di utilità per attività di programmazione tipiche utilizzando il modello di programmazione funzionale.

La libreria, che funziona con browser Web e Node.js, può modificare e convertire dati, eseguire operazioni asincrone e altro ancora.

Scopri come utilizzare lodash per manipolare array, stringhe e oggetti e scopri le sue funzionalità avanzate come la composizione delle funzioni.

Iniziare con Lodash

Puoi aggiungere lodash alla tua app in due modi: utilizzando un Content Delivery Network (CDN) o installandolo utilizzando npm o yarn.

Per usare lodash direttamente nel browser, copia il link lodash CDN qui sotto e inseriscilo nella sezione head del tuo file HTML:

<copionesrc=" https://cdn.jsdelivr.net/npm/[email protected]/lodash.min.js"
 type="testo/javascript">copione>

Usando questo approccio, puoi eseguire script usando lodash nel corpo del tuo codice HTML.

instagram viewer

Per utilizzare lodash in un progetto Node.js, devi installarlo nella directory del tuo progetto. Puoi usare npm o filato per farlo:

npm install --save lodash
# O
filato aggiungere lodash

Ora puoi utilizzare lodash richiedendolo nel tuo file JavaScript:

// Richiede la libreria lodash
cost _ = richiedere("lodash");
// Utilizzo del metodo _.sum
cost numeri = [10, 20, 30, 40, 50];
cost sum = _.sum (numeri);
consolare.log (somma);

Per eseguire il tuo file JavaScript, inserisci il comando node:

nodo [il nome del tuo script]

Manipolazione di array in Lodash

Lodash viene fornito con una serie di metodi per la manipolazione dell'array che forniscono funzionalità oltre la classe Array incorporata di JavaScript.

.pezzo

Questo metodo divide un array in gruppi di array più piccoli di una determinata dimensione. Il pezzo finale potrebbe essere più piccolo della dimensione richiesta.

Ecco un esempio:

cost matrice = [ 'UN', 'B', 'C', 'D', 'e', 'F', 'G' ];
cost newArray = _.chunk (array, 2)
consolare.log (nuovoArray)
// Produzione:
// [ [ 'a', 'b' ], [ 'c', 'd' ], [ 'e', ​​'f' ], [ 'g' ] ]

.concat

Questo metodo genera un nuovo array concatenando i valori alla fine di un array esistente.

Per esempio:

costvettore = [ 1, 2, 'UN' ];
cost nuovoArray = _.concat(vettore, 5, 'B', [ 8 ], [ [ 9 ] ]);
consolare.log (nuovoArray);
// Produzione:
// [1, 2, 'a', 5, 'b', 8, [ 9 ] ]

.giuntura

Questo metodo restituisce una stringa combinando gli elementi di un array. Li unisce usando un delimitatore che passi come parametro quando chiami il metodo. Il delimitatore predefinito che utilizza è una virgola:

costvettore = [ "io", "o", "D", "UN", "S", "H" ];
cost newArray = _.join(vettore);
consolare.log (nuovoArray);
// Produzione:
// l, o, d, a, s, h


cost newArray = _.join(vettore, "-");
consolare.log (nuovoArray);
// Produzione:
// lo-D-UN-S-H

Manipolazione delle stringhe in Lodash

Con JavaScript nudo, la formattazione delle stringhe è un processo semplice. Ma lodash lo rende ancora più facile.

Alcune delle più comuni operazioni di manipolazione delle stringhe che puoi eseguire con lodash includono:

.startsWith e .endsWith

Questi due metodi controllano se una stringa inizia o finisce con una sottostringa, rispettivamente. Entrambi i metodi restituiscono un valore booleano vero o falso.

Per esempio:

cost stringa = "lodash";
consolare.log (_.startsWith (stringa, "io"));
// Uscita: vero


consolare.log (_.startsWith (stringa, "o"));
// Uscita: falso


consolare.log (_.endsWith (stringa, "M"));
// Uscita: falso
consolare.log (_.endsWith (stringa, "H"));
// Uscita: vero

.ripetere

Questo metodo stampa ripetutamente una stringa un numero specifico di volte. Prende la stringa come primo argomento e il numero di ripetizioni come secondo:

cost stringa = "lodash"
cost newString = _.repeat (stringa, 3);
consolare.log (nuovaStringa);
// Output: lodashlodashlodash

.ordinare

Questo metodo rimuove gli spazi bianchi iniziali e finali. Puoi anche usarlo per rimuovere qualsiasi carattere specifico all'inizio e alla fine di una stringa.

Per esempio:

// Rimozione degli spazi bianchi iniziali e finali
cost stringa = " sbarra "
cost newString = _.trim (stringa)
consolare.log (nuovaStringa);
// Uscita: barra
// Rimozione dei caratteri specificati
cost stringa = ",sbarra,"
cost newString = _.trim (stringa, ",")
consolare.log (nuovaStringa);
// Uscita: barra

Manipolazione di oggetti in Lodash

Di seguito sono riportati alcuni esempi di manipolazione delle stringhe che è possibile eseguire con lodash:

.merge

IL _.merge() Il metodo crea un nuovo oggetto combinando le proprietà degli oggetti di input. Il valore di una proprietà dell'oggetto successivo sostituirà il valore dell'oggetto precedente se la proprietà è presente in più di un oggetto.

Per esempio:

cost libri = {
'Matematica': 4, 
'Scienza': 7
};

cost note = {
'Scienza': 3, 
'Chimica': 5
};
_.merge(libri, Appunti);
consolare.log (libri);
// Produzione:
// { Matematica: 4, Scienze: 3, Chimica: 5 }

In questo esempio, il metodo aggiunge la proprietà "Chimica" dal secondo oggetto e sovrascrive il valore della proprietà "Scienza" del primo oggetto.

.ha

Questo metodo restituisce true se una determinata serie di proprietà esiste in un oggetto e false in caso contrario.

Per esempio:

cost libri = {
'Matematica': 4, 
'Scienza': 7
};
consolare.log (_.has (libri, "Matematica"));
// Uscita: vero

.omettere

Questo metodo restituisce un nuovo oggetto rimuovendo le proprietà specificate da quella data.

Per esempio:

var libri = {
'Matematica': 4, 
'Scienza': 3, 
'Chimica': 5
};

consolare.log (_.omit (libri, "Scienza"));
// Output: { Matematica: 4, Chimica: 5 }

Composizione delle funzioni in Lodash

La composizione delle funzioni è una tecnica che puoi utilizzare un linguaggio di programmazione funzionale. Implica la combinazione di due o più funzioni in una nuova funzione chiamando ciascuna funzione in un ordine particolare. Questa funzione consente di creare una logica più complessa da funzioni più semplici.

Per applicare questa tecnica, lodash viene fornito con il _.fluire E _.flowRight funzioni. IL _.fluire() La funzione accetta un elenco di funzioni come argomenti e genera una nuova funzione che applica le funzioni nello stesso ordine in cui le passi. IL _.flowRight() function fa lo stesso, ma chiama le funzioni al contrario.

Per esempio:

funzioneaddFive(numero) {
ritorno numero + 5
}
funzionevolteDue(numero) {
ritorno numero * 2
}


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


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


consolare.log (addFiveAndTimesTwo(3));
// Uscita: 16
consolare.log (addFiveAndTimesTwoReverse(3));
// Uscita: 11

Il codice precedente definisce le funzioni addFive E volteDue. La funzione addFive restituisce il risultato dell'aggiunta di 5 a un dato numero. La funzione timesTwo moltiplica un numero di input per 2 e restituisce il risultato.

Il codice utilizza quindi il _.fluire() funzione per combinare le altre due e produrre la nuova funzione, addFiveAndTimesTwo. Questa nuova funzione eseguirà prima l'operazione addFive sul suo argomento prima di eseguire l'operazione timesTwo sul risultato finale.

IL _.flowRight() La funzione produce una nuova funzione che fa la stessa cosa del flusso, ma al contrario.

Infine, questo codice chiama le due nuove funzioni, passando 3, come argomento, e registra i risultati nella console.

I vantaggi di lavorare con Lodash

Puoi usare lodash per semplificare il tuo codice e rendere i tuoi progetti più flessibili e gestibili. La sua vasta gamma di funzioni di utilità, l'adozione diffusa e gli aggiornamenti regolari ti aiuteranno a scrivere codice elegante ed efficace. Puoi utilizzare lodash per garantire che il tuo codice sia sempre aggiornato e compatibile con i browser contemporanei.