¿Que es Underscore.js?
Underscore.js es una librería de javascript que te permite trabajar con un conjunto de datos, por ejemplo, arreglos, matrices o cualquier colección de datos que tengas en tu aplicación de javascript.
- Básicamente Underscore.js hace que sea fácil manipular y realizar operaciones comunes en conjuntos de datos.
- Ademas puede ser utilizada en conjunto con otras librerías como jQuery.
¿Que clase de operaciones pues realizar con Uderscore.js?
- Puedes reducir grandes conjuntos de datos para facilitar su manipulación
- Ordenar y agrupar los datos
- Transformar los datos a diferentes formatos
- Extraer nuevos datos a partir de los existentes
- Extender conjuntos de datos con nuevas propiedades
- Dar formato a los datos usando plantillas
Preparando todo para utilizar Underscore.js
Para empezar a utilizar esta librería solo ve a la pagina de Underscore.js y descarga la versión de tu preferencia ( existe una versión comprimida de 5.7 kb y otra con comentarios de 51 kb). Después de descargarla solo tienes que incluirla de la siguiente forma:
|
1 |
<script src="underscore.js"></script> |
O si lo prefieres puedes incluirla mediante CDN de la siguiente forma:
Versión comprimida
|
1 |
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore-min.js"</script> |
Versión con comentarios
|
1 |
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore.js"></script> |
!Ya puedes utilizar Underscore.js!
Tu nueva librería contiene 80 funciones listas para implementarse, las cuales pueden clasificarse en los siguientes grupos:
- Colecciones
- Arreglos
- Objetos
- Funciones
A continuación se muestran algunos ejemplos muy sencillos, si quieres saber más acerca de los métodos y funcionalidades incluidos en esta librería visita la documentación oficial Underscore.js
_.first
|
1 2 |
var colores = ["rojo","azul","amarillo","blanco","negro"];//Tenemos un arreglo de 5 colores var elemento =_.first(colores);//_.first nos devuelve el primer color que corresponde al color rojo |
_.initial
|
1 2 |
var colores = ["rojo","azul","amarillo","blanco","negro"];//Tenemos un arreglo de 5 colores var elemento =_.initial(colores);//_.initial devuelve todos los colores con excepción del ultimo |
_.last
|
1 2 |
var colores = ["rojo","azul","amarillo","blanco","negro"];//Tenemos un arreglo de 5 colores var elemento =_.last(colores);//_.last devuelve el ultimo color que corresponde al color negro |
Click aquí para descargar los ejemplos
Para ver la salida de los ejemplos tienes que abrir la consola de javascript en tu navegador favorito.
