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

Condiciones anidadas con JavaScript

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
Tendrás muchos casos donde un if o un if-else no te serán suficientes para determinar el flujo de tu aplicación. Aprende en este video cómo usar condiciones o decisiones anidadas, cómo estructurarlas y cómo integrarlas en la estructura de tu aplicación.
03:50

Transcripción

Una característica también muy importante que ofrece JavaScript es la versatilidad y flexibilidad que ofrece como lenguaje. Por ejemplo, ¿qué sucede si tú necesitas dentro de una estructura de control anidar otra estructura de control o viceversa? Bueno, esto es posible, de hecho es posible casi en cualquier lenguaje de programación. ¿Y a qué me refiero con esto? Si tu tienes una estructura'if' y adentro de esta necesitas tú meter otra estructura'if' y adentro de esta otra más, o incluso algunas estructuras de control distintas como puede ser un'switch', un'do', 'do while', etc., esto puede ser posible, así que no temas anidar cuantas estructuras necesites. Pero, recuerda, siempre debes planear correctamente el flujo de tu aplicación para que no estés anidando muchas estructuras innecesariamente y esto pueda afectar el "performance" de tu aplicación. Veamos algo muy sencillo: ¿cómo podemos lograr tener aquí una estructura anidada? Pues de una manera muy simple. Por ejemplo, vamos a trabajar con una estructura anidada si esta condición se cumple. Por ahora, solamente estoy ejecutando esta acción, así que justo debajo de'resultado'y antes de cerrar este bloque vamos a escribir una nueva condición donde yo puedo preguntar algo nuevo: 'if''datoA'es menor que'datoB', entonces'resultado' va a ser "Evaluación anidada verdadera". De lo contrario, va a ser el resultado "No se cumplió la evaluación anidada". Primero vamos a ver qué sucede en esta situación, así que aquí yo voy a mandar el resultado y vemos que me dice: "El resultado de la evaluación anidada es: no se cumplió la evaluación". Veamos cuál es la estructura donde se ejecuta esta acción y vemos que obviamente al principio: ¿'datoA'es mayor que'datoB', es decir, 10 es mayor que 20? No. Y, por tanto, nos vamos al primero de los que teníamos. Ahora vamos a hacer esto un poco más simple, vamos a agregar una tercera variable. Vamos a escribir aquí 'datoC' y vamos a poner'datoC' igual a 5 y también vamos a subir el valor que está almacenado en la variable'datoA'. Para esto, simplemente voy a agregar 1 para que sea 110. Con esto estoy garantizando que esta condición sí se va a cumplir, es decir, ¿'datoA'es mayor que'datoB'? Sí, se cumple, por tanto el valor de'resultado'se debe mostrar. Ahora, ¿qué sucede aquí cuando yo tengo esta siguiente condición? Vamos a revisar la evaluación que existe y vemos como ahora me dice que no se cumplió la condición anidada, es decir, viene y pregunta primero esto. Obviamente, como no se pudo ejecutar, estamos almacenando esta siguiente opción, pero ya estamos trabajando sobre esta estructura de control. Ahora vamos a hacer esta comparación de'datoA'es menor que'datoB', pero vamos a cambiarla por el valor'datoC'que acabamos de agregar. Así, entonces, esta condición va a resultar ser cierta. Probamos nuevamente y vemos como dice: "El resultado de la evaluación anida la es: evaluación anidada verdadera'. Quiere decir que se pudo ejecutar hasta este nivel. Y también en este caso podemos anidar tantas estructuras queramos. Por ejemplo, podemos ponerlas directamente en esta sección o también podemos ponerlas en esta sección y a la vez podemos agregar todavía más y más estructuras. Pero, como ves, el código se empieza a ver muy complejo. Así que, insisto, ten mucho cuidado y planea muy bien tu aplicación para que evites tener código que sea muy difícil de leer o que simplemente te esté causando muchos problemas.

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.