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 _.findwhere() se usa para tener una lista de todos los elementos que coinciden con la propiedad dada. La función _.findwhere() se utiliza para buscar un contenido en toda la lista de secciones. Se mostrará la sección que contiene el contenido.
Sintaxis:
_.findWhere(list, properties)
Parámetros: Toma dos argumentos:
- Lista: este parámetro contiene la lista de elementos.
- Propiedad: Este parámetro contiene la condición de prueba.
Valor devuelto: Se devuelven los detalles del elemento seleccionado de la lista. Solo el primer elemento que coincida se dará como salida.
Diferencia entre la función _.findwhere() y _.where(): ambas funciones toman un nombre de array y la propiedad para coincidir, pero la función _.where() muestra todas las coincidencias, mientras que la función _.findwhere) coincide solo con la primera juego.
Buscar una propiedad en una array: la función ._findwhere() toma los elementos de la array uno por uno y coincide con la propiedad dada, sea la misma o no. Si la propiedad coincide, muestra el resto de los detalles de ese elemento en particular. Después de que la propiedad coincida la primera vez, la función _.findwhere() finaliza. Solo muestra la primera coincidencia.
Ejemplo:
HTML
<html> <head> <title>_.findWhere() function</title> <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"}]; _.findWhere(users, {id:2}).name = 'tom'; console.log(users); </script> </body> </html>
Producción:
Pasar una lista de elementos con varias propiedades diferentes a la función _.findwhere(): Primero, declara la array con todos los elementos y sus propiedades específicas. Luego pase el nombre de la array junto con la propiedad que debe coincidir con la función _.findwhere(). Todas las demás propiedades se mostrarán como salida de ese elemento específico.
Ejemplo:
HTML
<html> <head> <title>_.findWhere() function</title> <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(_.findWhere(goal, {category: "education"})); </script> </body> </html>
Producción:
Pasar una array con ‘verdadero/falso’ como propiedad a la función _.findwhere(): Primero declara la array (aquí la array es ‘personas’). Es la propiedad (aquí, ‘hasLong’) que se define como ‘verdadero’ o ‘falso’. Elija una condición para marcar como aquí ‘hasLongHairs’. Console.log muestra la respuesta final.
Ejemplo:
HTML
<html> <head> <title>_.findWhere() function</title> <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(_.findWhere(people, {hasLong: "true"})); </script> </body> </html>
Producción:
Pasar una array de números como propiedad a la función _.findwhere() juntos: también sigue el mismo procedimiento de declarar primero la array con todas las propiedades y dar el nombre de la array y la propiedad de hacer coincidir la función _.findwhere() .
Ejemplo:
HTML
<html> <head> <title>_.findWhere() function</title> <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(_.findWhere(users, {num:"2"})); </script> </body> </html>
Producción: