Un'introduzione a Lodash e ai suoi vantaggi per gli sviluppatori JavaScript

Lodash è una libreria di utilità per potenziare il tuo codice JavaScript e semplificare le nozioni di base.

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.

Puoi aggiungere lodash alla tua app in due modi: utilizzando una rete per la distribuzione di contenuti (CDN) o installandolo utilizzando npm o Yarn.

Per utilizzare lodash direttamente nel browser, copia il collegamento CDN lodash di seguito e inseriscilo nella sezione head del tuo file HTML:

Utilizzando questo approccio, puoi eseguire script utilizzando lodash nel corpo del tuo HTML.

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

Ora puoi utilizzare lodash richiedendolo nel tuo file JavaScript:

Per eseguire il file JavaScript, inserisci il comando node:

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

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:

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

Per esempio:

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

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

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

Questi due metodi controllano rispettivamente se una stringa inizia o termina con una sottostringa. Entrambi i metodi restituiscono un valore booleano true o false.

Per esempio:

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

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:

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

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:

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

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

Per esempio:

Questo metodo restituisce un nuovo oggetto rimuovendo le proprietà specificate da quello specificato.

Per esempio:

La composizione di funzioni è una tecnica che puoi utilizzare in 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 funzionalità consente di creare una logica più complessa da funzioni più semplici.

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

Per esempio:

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