Une introduction à Lodash et ses avantages pour les développeurs JavaScript
MaisonMaison > Blog > Une introduction à Lodash et ses avantages pour les développeurs JavaScript

Une introduction à Lodash et ses avantages pour les développeurs JavaScript

Dec 18, 2023

Lodash est une bibliothèque utilitaire pour alimenter votre code JavaScript et simplifier les bases.

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.

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 :

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 :

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

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

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.

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 :

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

Par exemple:

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 :

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 :

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:

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 :

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:

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

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:

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.

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

Par exemple:

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

Par exemple:

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_.couleret_.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 vous les passez._.flowRight()La fonction fait la même chose, mais elle appelle les fonctions en sens inverse.

Par exemple:

Le code ci-dessus définit les fonctionsaddFiveetfoisdeux . 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 passant3, comme argument, et consigne les résultats dans la console.

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.

Noble Okafor est un ingénieur logiciel qualifié avec plus de 3 ans d'expérience dans le domaine de la programmation. Il est passionné par la création de solutions logicielles JavaScript, natives et multiplateformes mobiles et Web optimisées. Il s'efforce de documenter ses connaissances et ses leçons à travers ses articles techniques avec plus d'un an d'expérience dans l'écriture. L'objectif principal de ces articles est de simplifier les complexités autour des sujets de génie logiciel.

UTILISEZ LA VIDÉO DU JOUR DÉFILEZ POUR CONTINUER AVEC LE CONTENU _.merge() _.flow _.flowRight _.flow() _.flowRight() addFive timesTwo _.flow() addFiveAndTimesTwo _.flowRight() 3