El 14 de septiembre de 2017, publicamos una versión revisada de nuestra Política de privacidad. Tu uso continuado de video2brain.com significa que aceptas este documento revisado, por lo que te recomendamos que dediques unos minutos a leerlo y comprenderlo.

JavaScript esencial

Buscar en un arreglo de JavaScript

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
Conoce los métodos disponibles para poder buscar datos específicos en un arreglo. Aprende sobre los distintos métodos que existen, su uso y sus objetivos para que puedas usar el método adecuado según la situación que se te presente.
03:48

Transcripción

Una de las operaciones más buscadas por todo programador es la operación de la búsqueda. Sí, cuando trabajamos con un arreglo, a veces necesitamos buscar determinado dato dentro del arreglo. Y muy probablemente tu arreglo sea muy grande o contenga muchísima información, para lo cual va a ser muy importante que podamos tener un método óptimo para esto. Con la evolución de JavaScript, se han presentado nuevos métodos y uno de estos métodos es el método llamado'find', que me va a permitir a mí iterar sobre un arreglo sin necesidad de utilizar un ciclo y, a partir de esto, recuperar la información que yo quiero. ¿Cómo lo vamos a ocupar? Primero, aquí tenemos un arreglo llamado'platillos', así que yo escribo esto de'platillos'y utilizo el método llamado'find'. El resultado lo voy a guardar en la variable'pElegido', que tiene la letra pe por'platillo elegido'. Entonces, aquí, adentro de'find'vamos a enviar una función. Para esto vamos a utilizar un'arrow function' al cual le estaremos enviando el parámetro'platillo'. Recuerda, el método'find'por dentro va a hacer todo el proceso de iteración. Sea 1, 2 o 1. 000 registros los que tenga, hacia todos estos va a navegar para poder obtener un valor. Por eso mismo es que aquí primero recibimos'platillo', que es el nombre que le estamos dando al parámetro, y lo que yo voy a hacer aquí es crear una condición donde voy a preguntar'platillo es igual a'. Por ejemplo, vamos a hacerlo con'pasta'. Y aquí escribimos. Enviamos a parámetro'platillo' y revisamos ¿'platillo'es igual a'pasta'? Si sí es correcto, es decir, si esta condición nos regresa un "true", entonces va a regresar ese elemento al método y esto se va a almacenar en la variable'p'elegido. Vamos a guardarlo. Y con esto podemos ver que sí, efectivamente, sí encontró el valor'pasta'. ¿Pero qué pasa si yo tengo algún otro elemento?, por ejemplo, 'tostadas', y aquí yo actualizo mi navegador y nos damos cuenta que tenemos un valor "undefined". Quiere decir que ese valor no lo encontró. Ahora, cuando trabajamos también con JavaScript tenemos estructuras más complejas, por ejemplo, un objeto. En este caso, nosotros tenemos un objeto llamado'menú' que tiene distintas propiedades: tiene'nombre', tiene'precio'y tiene'país'. Por eso podemos entender que cada uno de estos es un platillo distinto. Y, sí, también nosotros podemos aplicar esta misma técnica para buscar sobre este tipo de datos. Vamos a hacerlo rápidamente. Primero vamos a comentar la línea y después vamos a copiarla. Una vez que ya la tenemos pegada, vamos a trabajar solamente en algo muy importante. Como obviamente aquí estamos en el menú, entonces tenemos que ocupar el menú. Entonces, será'menu. find'. A pesar de que aquí tenemos objetos, esto se conoce como un arreglo de objetos porque el contenido que estamos presentando son objetos. Y así, ahora, lo que vamos a preguntar es lo siguiente: si yo itero en cada una de estas yo necesito preguntar, por ejemplo, sobre el nombre del platillo. Entonces, el nombre se encuentra en una propiedad llamada'nombre'. Así que yo preguntaré'platillo', punto, y el mismo editor nos ayuda: 'nombre'. Y vamos a preguntar si esto es igual a 'tacos'. Vamos a actualizarlo. Y aquí tenemos una gran diferencia. Una vez que nosotros terminamos de utilizar este método, lo que va a suceder es que nos va a regresar todo el objeto completo, es decir, todo el contenido donde se hizo "match". Aquí podemos ver, entonces, lo poderoso que es este método'find' que poseen todos los arreglos en JavaScript.

JavaScript esencial

Aprende y conoce JavaScript empezando por entender sus conceptos más básicos y esenciales, pero considerando en todo momento la nueva especificación del lenguaje ES6.

5:26 horas (90 Videos)
Actualmente no hay comentarios.
 
Software:
Fecha de publicación:12/09/2017

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.