Veille Technologique | Underscore.js

Table des matières

Underscore.js | Librairie JavaScript

Underscore.js est une bibliothèque JavaScript qui fournit des utilitaires fonctionnels pour simplifier la manipulation de données et la programmation fonctionnelle en JavaScript.

Pour pouvoir utiliser Underscore.js il vous est nécessaire de télécharger underscore.js via le site d’origine (https://underscorejs.org/) et ainsi introduisez cette ligne dans votre code :

Voici quelques exemples d’utilisation d’Underscore.js :

_.each – Parcourir une liste :

_.each([1, 2, 3], function(num) {

console.log(num); });

// Affiche 1, 2, 3

_.map – Transformer chaque élément d’une liste :

var squares = _.map([1, 2, 3], function(num) {

return num * num; });

// squares contient [1, 4, 9]

_.filter – Filtrer une liste :

var evens = _.filter([1, 2, 3, 4, 5, 6], function(num) {

return num % 2 === 0; });

// evens contient [2, 4, 6]

_.reduce – Réduire une liste à une seule valeur :

var sum = _.reduce([1, 2, 3], function(memo, num) {

return memo + num;

}, 0);

// sum est égal à 6

_.pluck – Extraire une propriété spécifique de chaque objet dans une liste :

var people = [{name: ‘John’, age: 30}, {name: ‘Jane’, age: 25}];

var names = _.pluck(people, ‘name’);

// names contient [‘John’, ‘Jane’]

_.sortBy – Trier une liste par une propriété spécifique :

var sortedPeople = _.sortBy(people, ‘age’);

// sortedPeople est trié par âge croissant

_.debounce – Créer une fonction debounce :

var debouncedFunction = _.debounce(function() {
// Cette fonction ne sera appelée qu’après une pause de 300 millisecondes
}, 300);
_.template – Créer un modèle de chaîne de caractères :

var compiled = _.template(« Hello, <%= name %>! »);

var result = compiled({name: ‘World’});

// result contient « Hello, World! »

Exemple d'utilisation

<!DOCTYPE html>
<html lang= »en »>
<head>
<meta charset= »UTF-8″>
<meta name= »viewport » content= »width=device-width, initial-scale=1.0″>
<title>Underscore.js Example</title>
<!– Incluez Underscore.js –>
<script src= »chemin/vers/underscore.js »></script>
</head>
<body>

// Utilisation d’Underscore.js pour filtrer les nombres pairs
var evenNumbers = _.filter(numbers, function(num) {
return num % 2 === 0;
});

// Utilisation d’Underscore.js pour multiplier chaque nombre par 2
var doubledNumbers = _.map(evenNumbers, function(num) {
return num * 2;
});

// Affichage des résultats
console.log(« Liste originale : », numbers);
console.log(« Nombres pairs : », evenNumbers);
console.log(« Nombres pairs doublés : », doubledNumbers);
</script>

</body>
</html>

Alternatives à underscore.JS

Lodash : Lodash est une alternative populaire à Underscore.js. Il offre des performances optimisées, une API plus étendue et la possibilité de modulariser ses fonctionnalités pour une utilisation plus légère.
Ramda : Ramda est une bibliothèque fonctionnelle qui favorise un style de programmation immuable. Elle est conçue pour travailler bien avec les fonctions pures et les données immuables.
Immutable.js : Si votre objectif est de travailler avec des structures de données immuables, Immutable.js est une bibliothèque puissante qui fournit des collections persistantes et immuables.
RxJS : Si vous travaillez avec la programmation réactive, RxJS est une bibliothèque qui implémente le modèle Observable, permettant une manipulation asynchrone des événements.
Sugar : Sugar est une bibliothèque qui étend les fonctionnalités natives de JavaScript avec des méthodes utiles pour manipuler les tableaux, les chaînes de caractères, les dates, etc.

Veille Technologique | Underscore.js | N°8

Underscore.js | Librairie JavaScript

Exemple d'utilisation

Alternatives à underscore.JS

Laisser un commentaire Annuler la réponse