Maison > interface Web > js tutoriel > Lodash - un outil puissant javascript

Lodash - un outil puissant javascript

Barbara Streisand
Libérer: 2024-11-18 04:54:02
original
287 Les gens l'ont consulté

Lodash - a javascript power tool

Lodash, un remplacement léger de Underscore.js, est une bibliothèque d'utilitaires JavaScript populaire qui simplifie les tâches de programmation courantes. Découvrez les 20 meilleures fonctions Lodash ci-dessous pour améliorer vos compétences JavaScript :


1. _.obtenir

  • Récupère en toute sécurité une propriété imbriquée d'un objet, évitant ainsi les erreurs si la propriété n'existe pas.
const obj = { a: { b: { c: 42 } } }; _.get(obj, 'a.b.c', 'default'); // 42
Copier après la connexion
Copier après la connexion

2. _.set

  • Définit la valeur d'une propriété imbriquée dans un objet, créant des propriétés intermédiaires si elles n'existent pas.
const obj = {}; _.set(obj, 'a.b.c', 42); console.log(obj); // { a: { b: { c: 42 } } }
Copier après la connexion
Copier après la connexion

3. _.cloneDeep

  • Crée une copie complète d'un objet ou d'un tableau.
const arr = [{ a: 1 }]; const deepClone = _.cloneDeep(arr);
Copier après la connexion
Copier après la connexion

4. _.debounce

  • Retarde l'exécution d'une fonction jusqu'à ce qu'un délai spécifié se soit écoulé depuis son dernier appel.
const log = _.debounce(() => console.log('Debounced!'), 300); window.addEventListener('resize', log);
Copier après la connexion

5. _.accélérateur

  • Garantit qu'une fonction est exécutée au plus une fois dans un intervalle de temps spécifié.
const log = _.throttle(() => console.log('Throttled!'), 1000); window.addEventListener('scroll', log);
Copier après la connexion

6. _.isEmpty

  • Vérifie si une valeur est un objet vide, un tableau ou une valeur fausse.
_.isEmpty([]); // true _.isEmpty({}); // true _.isEmpty(''); // true
Copier après la connexion

7. _.merge

  • Fusionne profondément deux ou plusieurs objets, combinant leurs propriétés.
const obj1 = { a: { b: 1 } }; const obj2 = { a: { c: 2 } }; _.merge(obj1, obj2); // { a: { b: 1, c: 2 } }
Copier après la connexion

8. _.choisir

  • Crée un objet composé des propriétés sélectionnées.
const obj = { a: 1, b: 2, c: 3 }; _.pick(obj, ['a', 'c']); // { a: 1, c: 3 }
Copier après la connexion

9. _.omettre

  • Crée un objet excluant les propriétés spécifiées.
const obj = { a: 1, b: 2, c: 3 }; _.omit(obj, ['b']); // { a: 1, c: 3 }
Copier après la connexion

10. _.uniq

  • Supprime les valeurs en double d'un tableau.
_.uniq([1, 2, 2, 3]); // [1, 2, 3]
Copier après la connexion

11. _.groupBy

  • Regroupe les éléments d'un tableau en fonction d'un critère fourni.
_.groupBy([6.1, 4.2, 6.3], Math.floor); // { '4': [4.2], '6': [6.1, 6.3] }
Copier après la connexion

12. _.sortBy

  • Trie un tableau d'objets en fonction de propriétés ou de critères spécifiques.
const users = [{ name: 'Tom', age: 30 }, { name: 'Jerry', age: 20 }]; _.sortBy(users, 'age'); // [{ name: 'Jerry', age: 20 }, { name: 'Tom', age: 30 }]
Copier après la connexion

13. _.map

  • Crée un nouveau tableau en transformant chaque élément d'une collection.
_.map([1, 2, 3], n => n * 2); // [2, 4, 6]
Copier après la connexion

14. _.filtre

  • Crée un tableau avec des éléments qui satisfont à la condition fournie.
_.filter([1, 2, 3, 4], n => n % 2 === 0); // [2, 4]
Copier après la connexion

15. _.trouver

  • Trouve le premier élément qui satisfait une condition.
_.find([1, 2, 3, 4], n => n > 2); // 3
Copier après la connexion

16. _.aplatir

  • Aplatit un tableau imbriqué en un tableau à un seul niveau.
_.flatten([1, [2, [3, [4]]]]); // [1, 2, [3, [4]]]
Copier après la connexion

17. _.flattenDeep

  • Aplatit un tableau imbriqué en un tableau entièrement à un seul niveau.
_.flattenDeep([1, [2, [3, [4]]]]); // [1, 2, 3, 4]
Copier après la connexion

18. _.différence

  • Renvoie les valeurs du premier tableau qui ne sont pas dans le deuxième tableau.
const obj = { a: { b: { c: 42 } } }; _.get(obj, 'a.b.c', 'default'); // 42
Copier après la connexion
Copier après la connexion

19. _.morceau

  • Divise un tableau en groupes de la taille spécifiée.
const obj = {}; _.set(obj, 'a.b.c', 42); console.log(obj); // { a: { b: { c: 42 } } }
Copier après la connexion
Copier après la connexion

20. _.isEqual

  • Effectue une comparaison approfondie pour déterminer si deux valeurs sont équivalentes.
const arr = [{ a: 1 }]; const deepClone = _.cloneDeep(arr);
Copier après la connexion
Copier après la connexion

Continuez à apprendre et à vous amuser !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal