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

Validación de elementos de un arreglo

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
Aprende sobre los métodos every y some, que te permitirán identificar si existe al menos una vez un dato o si todos los datos que estás buscando existen según la evaluación de alguna condición. Conoce este par de métodos y comienza a trabajar con ellos.
04:46

Transcripción

Algunas veces, te vas a enfrentar a ciertas circunstancias especiales cuando estás trabajando con un arreglo. Por ejemplo, vamos a poner un caso de uso. Aquí, nosotros tenemos un menú. En este menú tenemos platillos con un'nombre', un'precio'y el'país'al que corresponde. ¿Qué pasaría si tú desearas comer de este menú pero cuentas con determinada cantidad de dinero? Supongamos que cuentas con 20 pesos. Para este caso, entonces, vamos a necesitar preguntarle al arreglo si es que tiene platillos que estén dentro del rango que tú tienes, es decir, platillos debajo de 20 pesos. Para hacer esto voy a utilizar la variable'resultado', donde almacenaré todo lo que voy a iterar. Para esto voy a trabajar con la variable'menú'. Aquí voy a poner'menú', punto, 'some'. 'Some'es un método que existe en todos los arreglos y este método va a recibir una función como "callback". Dentro de esta función, yo voy a hacer una evaluación y vamos a escribirla. Esta función recibe un'platillo'. Recordemos que en este'menú', que es un arreglo, vamos a estar iterando sobre cada uno de los elementos, es decir, sobre cada uno de los platillos. Así, aquí le podemos poner un nombre. Entonces tenemos'platillo' y sobre esto vamos a preguntar en cada iteración. Recordemos nuevamente: 'some'se encarga de hacer toda la iteración, tú no necesitas implementar en ningún lado ningún tipo de ciclo, así que esto te facilita mucho el trabajo. Y vamos a preguntar: ¿'platillo. precio' es menor que los 20 pesos que habíamos determinado? Si es menor, entonces me va a regresar un "true"; en caso de que no sea menor, me va a regresar un "false". Vamos a actualizar nuestro navegador y vamos a ver como efectivamente me regresó un "true". En el texto que teníamos prefabricado, aquí, decía: "¿Hay platillos abajo de 20? " Y tenemos de valor "true", es decir, que sí. Vamos a analizarlo. ¿El primero es menor que 20? No, pero sí es igual. ¿El segundo es menor que 20? Sí, porque es 10. ¿El tercero es menor que 20? No, porque es 50. Pero el cuarto que tenemos acá sí lo es. Vamos a cambiar un poco esta condición y vamos a poner ahora, por ejemplo, el valor 3. Con esto estamos forzando a que me regrese un "false", porque no hay ningún platillo que esté debajo de este precio. Actualizamos el navegador y vemos como ahora tenemos "false". Si regresamos todo esto al estado en el que lo teníamos podemos darnos cuenta también de como, efectivamente, aunque se cumpla solamente una condición, es decir, aunque uno de los resultados sea positivo, entonces me va a retornar un "true". Por ejemplo, vamos a poner aquí: menor o igual que 10. Si esto es menor o igual que 10, quiere decir entonces que se va a cumplir. ¿Por qué? Porque solamente tenemos un platillo con 10, entonces la condición se cumple. El caso contrario, por ejemplo, es cuando vamos a trabajar con otro tipo de función. Para esto vamos a comentar estas dos líneas, vamos a copiar el texto que teníamos, y en lugar de usar la función'some' lo que vamos a utilizar será una función llamada 'every'. Esta función lo que va a hacer es que va a validar que todos los elementos de este arreglo cumplan con dicha condición. En este caso vamos a hacer una revisión rápida. ¿Todos los platillos son menores o iguales que 10? Revisamos y nos vamos a dar cuenta de que no es así, por tanto vamos a quitar el comentario de este último mensaje, actualizamos el navegador y vemos que dice: "¿Todos los platillos cuestan menos de 20? " Falso. Vamos a actualizar aquí rápidamente esto para que diga 10 y sea un poco más coherente. Ahora sí, "¿Todos los platillos cuestan menos de 10? " Falso. ¿Por qué? Porque no es así. Vamos a subirlo y vamos a ponerlo ahora en 60. Esto sí nos va a dar un valor "true". ¿Por qué? Porque vamos a ver que todos los precios que están expresados aquí sí son menores que 60. Actualizamos el navegador y, efectivamente, ya tenemos un "true". De esta manera nosotros podemos validar los elementos que existen en un arreglo y así poder reaccionar en consecuencia. Recuerda que puedes integrar estas funciones con las demás funciones que tienen un arreglo, para que puedas tener procesos más óptimos y así puedas procesar de una manera ideal todos tus datos.

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.