Underscore.js es una biblioteca de JavaScript que proporciona muchas funciones útiles que ayudan en la programación de gran manera, como el mapa, el filtro, la invocación, etc., incluso sin usar ningún objeto integrado .
La función _.pluck() se usa cuando necesitamos extraer una lista de una propiedad determinada. Como si tuviéramos que averiguar el nombre de todos los estudiantes, entonces simplemente podemos aplicar la función _.pluck() en los detalles de todos los estudiantes. Solo extraerá el nombre de los detalles de todos los estudiantes y lo mostrará. La lista así formada será solo una array de nombres.
Sintaxis:
_.pluck(list, propertyName)
Parámetros: Toma dos argumentos:
- Lista
- Property Name: Es la propiedad sobre la que necesitamos agregar el contenido.
Valores devueltos:
el valor devuelto es una array de los detalles de esa propiedad que necesitamos extraer. La array contendrá los elementos en el mismo orden en que estaban en la lista.
- Extrayendo una propiedad numérica de la función _.pluck():
- La función _.pluck() toma el elemento de la lista uno por uno y comienza a extraer el detalle de la propiedad dada a partir del primer elemento. Como aquí, la operación es encontrar todas las edades en la lista. Entonces, la salida será una array de números que contiene todas las edades de los elementos.
<
html
>
<
head
>
<
script
src
=
</
script
>
</
head
>
<
body
>
<
script
type
=
"text/javascript"
>
var list = [{name: 'jack', age: 14}, {name: 'jill', age: 15},
{name: 'humpty', age: 16}];
console.log(_.pluck(list, 'age'));
</
script
>
</
body
>
</
html
>
Producción:
- Extraer una propiedad de string de la función _.pluck():
En primer lugar, defina la array con todos los elementos con detalles completos. Luego pase la propiedad sobre la base de la cual necesita separar los detalles. Como aquí, se usa la propiedad ‘categoría’. Entonces, todos los tipos de categorías de la lista se mostrarán como una nueva array.<!-- Write HTML code here -->
<
html
>
<
head
>
<
script
src
=
</
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(_.pluck(goal, 'category'));
</
script
>
</
body
>
</
html
>
Producción:
- Extraer la propiedad ‘nombre’ de la función _.invoke(): (uso más común)
Siga los mismos pasos, primero, defina la array completa y luego pase el nombre de la array con su propiedad que debe extraerse. La array de salida contendrá todos los nombres de la lista.<!-- Write HTML code here -->
<
html
>
<
head
>
<
script
src
=
</
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(_.pluck(people, 'name'););
</
script
>
</
body
>
</
html
>
Producción:
- Extracción de propiedad cuando esa propiedad se repite:
cree una array que contenga una propiedad que tenga el mismo valor para al menos dos elementos. Luego, si pasamos el arreglo y esa propiedad a la función _.pluck(), mostrará todos los detalles de la propiedad posible a pesar de que se esté repitiendo o no.<
html
>
<
head
>
<
script
src
=
</
script
>
</
head
>
<
body
>
<
script
type
=
"text/javascript"
>
var users = [{id: 1, name:"harry"}, {id: 2, name:"jerry"},
{id: 2, name:"jack"}];
console.log(_.pluck(users, 'id'));
</
script
>
</
body
>
</
html
>
Producción:
NOTA: estos comandos no funcionarán en la consola de Google o en Firefox, ya que para estos, se deben agregar archivos adicionales que no se agregaron.
Entonces, agregue los enlaces a continuación a su archivo HTML y luego ejecútelos.
<!-- Write HTML code here --> <script type="text/javascript" src = "https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js"> </script>
A continuación se muestra un 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 = [{id: 1, name:"harry"}, {id: 2, name:"jerry"}, {id: 2, name:"jack"}]; console.log(_.pluck(users, 'id')); </script> </body> </html>
jQuery es una biblioteca JavaScript de código abierto que simplifica las interacciones entre un documento HTML/CSS. Es muy famosa por su filosofía de «Escribir menos, hacer más» .
Puede aprender jQuery desde cero siguiendo este tutorial de jQuery y ejemplos de jQuery .