Underscore.js es una biblioteca de JavaScript que proporciona muchas funciones útiles que ayudan en la programación en gran medida, como el mapa, el filtro, las invocaciones, etc., incluso sin utilizar ningún objeto integrado.
La función _.first() se utiliza para devolver el primer elemento de la array, es decir, el número en el índice cero. Devuelve los primeros n elementos en la array de tamaño m (n < m) simplemente pasando la variable n en la array. Es una función muy fácil de usar de la biblioteca underscore.js y se usa ampliamente cuando se trabaja con elementos de array.
Sintaxis:
_.first(array, [n])
Parámetros: esta función acepta dos parámetros, como se mencionó anteriormente y se describe a continuación:
- array: este parámetro se utiliza para contener la array de elementos.
- variable: Indica el número de elementos deseados.
Valores devueltos: esta función devuelve la array de elementos.
Pasar una array a la función _.first(): La función ._first() devolverá el primer elemento junto con todas sus propiedades de la array pasada. Como aquí, los elementos tienen 2 propiedades, el nombre y la edad, por lo que el resultado final contendrá ambas propiedades del primer elemento ya que la variable n no se pasa aquí.
Ejemplo:
<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:
Pasar una estructura a la función _.first(): La función ._first() devolverá el primer elemento junto con todas sus propiedades del arreglo pasado ya que la variable n no se pasa aquí. Como aquí, cada elemento tiene cuatro propiedades, la categoría, el título, el valor y la identificación. Entonces, el resultado final contendrá todas estas propiedades del primer elemento.
Ejemplo:
<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 goal = [
{
"category" : "other",
"title" : "harry University",
"value" : 50000,
"id":"1"
},
{
"category" : "traveling",
"title" : "tommy University",
"value" : 50000,
"id":"2"
},
{
"category" : "education",
"title" : "jerry University",
"value" : 50000,
"id":"3"
},
{
"category" : "business",
"title" : "Charlie University",
"value" : 50000,
"id":"4"
}
]
console.log(_.first(goal));
</script>
</body>
</html>
Producción:
Pasar una array con una propiedad como verdadero/falso a la función _.first(): Esto funcionará exactamente igual que los dos ejemplos anteriores. La propiedad falso/verdadero solo se mostrará en el primer elemento. Aquí, esta propiedad no se utilizará lógicamente.
Ejemplo:
<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 people = [
{"name": "sakshi", "hasLong": "false"},
{"name": "aishwarya", "hasLong": "true"},
{"name": "akansha", "hasLong": "true"},
{"name": "preeti", "hasLong": "true"}
]
console.log(_.first(people));
</script>
</body>
</html>
Producción:
Pasar un arreglo con la variable n a la función _.first(): Para tener más de un elemento que sea el primer elemento, simplemente pase el número y obtenga un resultado. Recuerde que los elementos siempre vendrán desde el inicio de la array.
Ejemplo:
<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 users = [{"num":"1"}, {"num":"2"},
{"num":"3"}, {"num":"4"}, {"num":"5"}];
console.log(_.first(users, 2));
</script>
</body>
</html>
Producción: