Des lecteurs comme vous aident à soutenir MUO. Lorsque vous effectuez un achat en utilisant des liens sur notre site, nous pouvons gagner une commission d'affiliation. En savoir plus.

Lodash est une bibliothèque JavaScript qui offre des fonctions utilitaires pour les tâches de programmation typiques utilisant le modèle de programmation fonctionnelle.

La bibliothèque, qui fonctionne avec les navigateurs Web et Node.js, peut modifier et convertir des données, effectuer des opérations asynchrones, etc.

Apprenez à utiliser lodash pour manipuler des tableaux, des chaînes et des objets et découvrez ses fonctionnalités avancées telles que la composition de fonctions.

Premiers pas avec Lodash

Vous pouvez ajouter lodash à votre application de deux manières: en utilisant un réseau de diffusion de contenu (CDN) ou en l'installant à l'aide de npm ou de fil.

Pour utiliser lodash directement dans le navigateur, copiez le lien CDN lodash ci-dessous et insérez-le dans la section head de votre fichier HTML :

instagram viewer 
<scénariosrc=" https://cdn.jsdelivr.net/npm/[email protected]/lodash.min.js"
 tapez="texte/javascript">scénario>

En utilisant cette approche, vous pouvez exécuter des scripts en utilisant lodash dans le corps de votre code HTML.

Pour utiliser lodash dans un projet Node.js, vous devez l'installer dans le répertoire de votre projet. Vous pouvez utiliser npm ou yarn pour le faire :

npm install --save lodash
# ou
fil ajouter lodash

Vous pouvez désormais utiliser lodash en l'exigeant dans votre fichier JavaScript :

// Nécessite la bibliothèque lodash
constante _ = exiger("Lodash");
// Utilisation de la méthode _.sum
constante nombres = [10, 20, 30, 40, 50];
constante sum = _.sum (nombres);
console.log (somme);

Pour exécuter votre fichier JavaScript, saisissez la commande node :

node [Votre nom de script]

Manipulation de tableaux dans Lodash

Lodash est livré avec un ensemble de méthodes de manipulation de tableaux qui fournissent des fonctionnalités au-delà de la classe Array intégrée de JavaScript.

.tronçon

Cette méthode divise un tableau en groupes de tableaux plus petits d'une taille donnée. Le morceau final peut être plus petit que la taille que vous demandez.

Voici un exemple :

constante tableau = [ 'un', 'b', 'c', 'd', 'e', 'F', 'g' ];
constante newArray = _.chunk (tableau, 2)
console.log (nouveauTableau)
// Sortir:
// [ [ 'a', 'b' ], [ 'c', 'd' ], [ 'e', ​​'f' ], [ 'g' ] ]

.concat

Cette méthode génère un nouveau tableau en concaténant des valeurs à la fin d'un tableau existant.

Par exemple:

constantedéployer = [ 1, 2, 'un' ];
constante nouveauTableau = _.concat(déployer, 5, 'b', [ 8 ], [ [ 9 ] ]);
console.log (nouveauTableau);
// Sortir:
// [ 1, 2, 'a', 5, 'b', 8, [ 9 ] ]

.rejoindre

Cette méthode renvoie une chaîne en combinant les éléments d'un tableau. Il les joint à l'aide d'un délimiteur que vous passez en paramètre lors de l'appel de la méthode. Le délimiteur par défaut qu'il utilise est une virgule :

constantedéployer = [ "je", "o", "d", "un", "s", "h" ];
constante nouveauTableau = _.join(déployer);
console.log (nouveauTableau);
// Sortir:
// l, o, d, a, s, h


constante nouveauTableau = _.join(déployer, "-");
console.log (nouveauTableau);
// Sortir:
// l-o-d-un-s-h

Manipulation de chaînes dans Lodash

Avec JavaScript nu, le formatage des chaînes est un processus simple. Mais lodash le rend encore plus facile.

Certaines des opérations de manipulation de chaînes les plus courantes que vous pouvez effectuer avec lodash incluent :

.startsWith et .endsWith

Ces deux méthodes vérifient si une chaîne commence ou se termine par une sous-chaîne, respectivement. Les deux méthodes renvoient une valeur booléenne true ou false.

Par exemple:

constante chaîne = "Lodash";
console.log (_.startsWith (chaîne, "je"));
// Sortie: vrai


console.log (_.startsWith (chaîne, "o"));
// Sortie: faux


console.log (_.endsWith (chaîne, "moi"));
// Sortie: faux
console.log (_.endsWith (chaîne, "h"));
// Sortie: vrai

.répéter

Cette méthode imprime à plusieurs reprises une chaîne un nombre de fois spécifique. Il prend la chaîne comme premier argument et le nombre de répétitions comme second :

constante chaîne = "Lodash"
constante newString = _.repeat (chaîne, 3);
console.log (nouvelleChaîne);
// Sortie: lodashlodashlodash

.garniture

Cette méthode supprime les espaces de début et de fin. Vous pouvez également l'utiliser pour supprimer des caractères spécifiques au début et à la fin d'une chaîne.

Par exemple:

// Suppression des espaces de début et de fin
constante chaîne = " bar "
constante nouvelleChaîne = _.trim (chaîne)
console.log (nouvelleChaîne);
// Sortie: barre
// Suppression des caractères spécifiés
constante chaîne = ",bar,"
constante newString = _.trim (chaîne, ",")
console.log (nouvelleChaîne);
// Sortie: barre

Manipulation d'objets dans Lodash

Vous trouverez ci-dessous quelques exemples de manipulation de chaînes que vous pouvez effectuer avec lodash :

.fusionner

Le _.fusionner() La méthode crée un nouvel objet en combinant les propriétés des objets d'entrée. La valeur d'une propriété de l'objet le plus récent remplacera la valeur de l'objet précédent si la propriété est présente dans plusieurs objets.

Par exemple:

constante livres = {
'Mathématiques': 4, 
'Science': 7
};

constante notes = {
'Science': 3, 
'Chimie': 5
};
_.fusionner(livres, Remarques);
console.carnets);
// Sortir:
// { Mathématiques: 4, Sciences: 3, Chimie: 5 }

Dans cet exemple, la méthode ajoute la propriété "Chimie" du deuxième objet et écrase la valeur de la propriété "Science" du premier objet.

.a

Cette méthode renvoie true si une série donnée de propriétés existe dans un objet et false sinon.

Par exemple:

constante livres = {
'Mathématiques': 4, 
'Science': 7
};
console.log (_.has (livres, "Mathématiques"));
// Sortie: vrai

.omettre

Cette méthode renvoie un nouvel objet en supprimant les propriétés spécifiées de celui donné.

Par exemple:

var livres = {
'Mathématiques': 4, 
'Science': 3, 
'Chimie': 5
};

console.log (_.omit (livres, "Science"));
// Sortie: { Mathématiques: 4, Chimie: 5 }

Composition des fonctions en Lodash

La composition de fonctions est une technique que vous pouvez utiliser dans un langage de programmation fonctionnel. Cela implique de combiner deux fonctions ou plus dans une nouvelle fonction en appelant chaque fonction dans un ordre particulier. Cette fonction vous permet de créer une logique plus complexe à partir de fonctions plus simples.

Pour appliquer cette technique, lodash est livré avec le _.couler et _.flowRight les fonctions. Le _.couler() La fonction accepte une liste de fonctions comme arguments et génère une nouvelle fonction qui applique les fonctions dans le même ordre que celui dans lequel vous les passez. Le _.flowRight() La fonction fait la même chose, mais elle appelle les fonctions en sens inverse.

Par exemple:

fonctionaddFive(nombre) {
retour numéro + 5
}
fonctionfoisdeux(nombre) {
retour nombre * 2
}


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


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


console.log (addFiveAndTimesTwo(3));
// Sortie: 16
console.log (addFiveAndTimesTwoReverse(3));
// Sortie: 11

Le code ci-dessus définit les fonctions addFive et foisdeux. La fonction addFive renvoie le résultat de l'ajout de 5 à un nombre donné. La fonction timesTwo multiplie un nombre d'entrée par 2 et renvoie le résultat.

Le code utilise alors le _.couler() fonction pour combiner les deux autres et produire la nouvelle fonction, addFiveAndTimesTwo. Cette nouvelle fonction effectuera d'abord l'opération addFive sur son argument avant d'effectuer l'opération timesTwo sur le résultat final.

Le _.flowRight() function produit une nouvelle fonction qui fait la même chose que flow, mais en sens inverse.

Enfin, ce code appelle les deux nouvelles fonctions, en passant 3, comme argument, et consigne les résultats dans la console.

Les avantages de travailler avec Lodash

Vous pouvez utiliser lodash pour simplifier votre code et rendre vos projets plus flexibles et maintenables. Sa large gamme de fonctions utilitaires, son adoption généralisée et ses mises à jour régulières vous aideront à écrire un code élégant et efficace. Vous pouvez utiliser lodash pour garantir que votre code est toujours à jour et compatible avec les navigateurs contemporains.