Underscore.js
Introduction
Underscore.js est une bibliothèque JavaScript qui a été créé pour fournir au programmateur des fonctions simples et couramment utilisées sans avoir à les recréer dans chaque nouveau programme.
Cette bibliothèque est complémentaire au JQuery et Backbone.js. Elle propose plus d'une centaine de nouvelles fonctions qui ne sont pas nativement présente dans le JavaScript standard.
Installation
Underscore peut être utilisé à la fois au niveau Frotend (JavaScript côté-client) et Backend (e.g. Node.js). Les fonctionnement est exactement le même, mais la modalité d'installation est différente.
Côté-client
La bibliothèque est disponible en téléchargement libre sur le site de l'éditeur. Une fois téléchargée, la bibliothèque doit être ajoutée au fichier HTML :
//Version normale <script src="path/to/underscore.js"></script> //Ou version minified <script src="path/to/underscore-min.js"></script>
À ce point, les fonctionnalités de underscore seront disponible avec la variable globale _
. Exemples (tiré du site officiel):
_.last([5, 4, 3, 2, 1]); //--> 1
var evens = _.filter([1, 2, 3, 4, 5, 6], function(num){ return num % 2 == 0; }); //--> [2, 4, 6]
Avec Node.js
Underscore existe également en tant que module Node.js est peut donc être installée avec npm :
npm install underscore
Comme tout module, pour être ensuite utilisée en Node.js il faudra inclure le module avec la fonction require
, e.g.:
var _ = require('underscore');
Utilisation
Voici une liste non exhaustive de quelques exemples de fonctions présentes dans Underscore.js :
- map
Cette fonction permet d'appliquer une fonction sur chaque case d'un array sans en modifier sa structure
var Array = [2, 4, 6];
Array.map(function(num){ return num * 2; });
// retournera [4, 8, 12]
- max
Cette fonction permet de récupérer la valeur maximum d'une liste ou d'un array
var Array = [2, 4, 6];
Array.max();
// retournera la valeur 6
- min
Cette fonction permet de récupérer la valeur minimum d'une liste ou d'un array
var Array = [2, 4, 6];
Array.min();
// retournera la valeur 2
- filter
Cette fonction permet de filtrer un array sur des valeurs d'intérêt en gardant les valeurs intéressantes.
var Array = [2, 4, 6];
// le signe % est le modulo, soit la division entière.
// "%3" veut donc dire "le reste de la division par 3.
Array.filter(function(num){ return num % 3 == 0; });
// retournera 6
- reject
Cette fonction permet de filtrer un array sur des valeurs d'intérêt en excluant les valeurs intéressantes.
var Array = [2, 4, 6];
Array.reject(function(num){ return num % 3 == 0; });
// retournera [2, 4]
- first / last
Ces fonctions permettent respectivement de donner les n premières ou dernières valeurs d'un array.
var Array = [2, 4, 6];
Array.first(2);
// retournera [2, 4]
Array.last(2);
// retournera [4, 6]
Liens externes
Site de l'éditeur et de documentation.