Underscore.js es una biblioteca de JavaScript liviana y no un marco completo escrito por Jeremy Ashkenas que proporciona funciones de utilidad para una variedad de casos de uso en nuestras tareas de programación comunes del día a día. Proporciona una gran cantidad de funciones que facilitan nuestra tarea de trabajar con objetos. Se puede usar directamente dentro de un navegador y también con Node.js.
Las siguientes son las características principales de Underscore.js que lo hacen tan popular:
1. Arreglos: contiene diferentes funciones para que los arreglos realicen varias operaciones en los arreglos, como devolver el primer elemento, el último elemento, la intersección, la diferencia, crear una copia del arreglo, etc.
Ejemplo: En este ejemplo, encontraremos la intersección de las arrays pasadas usando la función Underscore.js _.intersection() .
HTML
<!DOCTYPE html> <html> <head> <script src= "https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js"> </script> </head> <body> <script type="text/javascript"> console.log(_.intersection( [1, 2, 3, 4, 5], [1, 2, 3, 4, 6, 7], [1, 2, 6, 8, 9]) ); </script> </body> </html>
Producción:
2. Colecciones: las funciones de colección de Underscore.js se utilizan en arrays, objetos y objetos similares a arrays, como argumentos, NodeList y otros tipos de elementos similares.
Ejemplo: En este ejemplo, veremos cada elemento de la lista y devolveremos la primera aparición de los elementos que satisfacen la condición usando la función Underscore.js _.find() .
HTML
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src=
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js">
</script>
</head>
<body>
<script type="text/javascript">
var oddNo = _.find([5, 6, 7, 8, 9, 10],
function (num) {
return num % 2 != 0;
});
console.log(oddNo);
</script>
</body>
</html>
Producción:
5
3. Funciones: Underscore.js proporciona una serie de funciones que se pueden aplicar a los elementos. Estos incluyen la capacidad de vincular una función a un objeto, envolver una función dentro de otra función, memorizar una función determinada almacenando en caché el resultado calculado por la función, etc.
Ejemplo: En este ejemplo, devolveremos el primer elemento de la array, es decir, el número en el índice cero usando la función Underscore.js _.first() .
HTML
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src=
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore.js">
</script>
</head>
<body>
<script type="text/javascript">
console.log(_.first([
{ name: 'jack', age: 14 },
{ name: 'jill', age: 15 },
{ name: 'humpty', age: 16 }
]));
</script>
</body>
</html>
Producción:
4. Objetos: Underscore.js proporciona una serie de métodos relacionados con objetos comunes, como las funciones de clave y valores. Estas funciones se utilizan para devolver la lista de todas las claves y valores del objeto dado, respectivamente.
Ejemplo: En este ejemplo, crearemos un nuevo objeto con el prototipo y accesorios indicados usando la función Underscore.js _.create() .
HTML
<!DOCTYPE html>
<html>
<head>
<script src=
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js">
</script>
</head>
<body>
<script>
var author_article = [
{ author: 'Nidhi1352', articles: 792 },
{ author: 'Nisha95', articles: 590 },
{ author: 'Rohit01', articles: 450 }
];
// Calling create method with its parameter
var obj = _.create(author_article.prototype,
{ author: "Rahul096" });
console.log(obj);
</script>
</body>
</html>
Producción:
{"author":"Rahul096"}
5. Utilidades: Underscore.js proporciona varios métodos de utilidad como Brandon, constante, tiempos, mixin, etc.
Ejemplo: En este ejemplo, devolveremos exactamente la misma réplica del valor que se le dio como argumento usando la función Underscore.js _.identity() .
HTML
<!DOCTYPE html>
<html>
<head>
<script src=
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js">
</script>
</head>
<body>
<script>
// Creating a string
let str = new String("GeeksforGeeks")
// _.identity function of underscore.js
let copystr = _.identity(str)
console.log(`original string is ${str}`)
console.log(`Identity string is ${copystr}`)
</script>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por GeeksforGeeks-1 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA