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

JavaScript y la estructura Switch

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
La estructura Switch es una condición más sofisticada y elaborada que te permitirá reaccionar según se te vayan presentando ciertos casos. Conoce su sintaxis y la correcta manera de escribir y trabajar con este tipo de estructuras de control.
04:46

Transcripción

Cuando el uso de condiciones se vuelve demasiado abrumador, es decir, yo ya tengo demasiadas variantes del uso de'if', 'if-else'o'if-else-if' o tengo demasiadas condiciones anidadas, es momento de pensar en otra estructura de control para manipular de una manera más adecuada la información. Para esto existe la estructura'switch'. Si estás trabajando con Visual Studio Code o con algún editor de texto, generalmente te ofrecen la opción donde tú podrás escribir simplemente el nombre de la estructura que quieres escribir y al seleccionarla te completa toda la forma que va a tener. En este caso podemos ver que tenemos una palabra'case', una palabra'break', 'default'y otra vez un'break'. Pero, para poder entender esto de una manera más simple, vamos a trabajarlo a través de un ejemplo y para esto tenemos preparada aquí una estructura de control'switch'con ciertos valores. Por ejemplo, vamos a validar la edad y para esto tenemos varios casos: cuando se presente un caso de 10 o un caso de 20 o un caso de 30, o utilizaremos la parte de'default' cuando no se presente ningún caso. En esta situación, por ejemplo, la edad vale 30, por tanto la estructura de control internamente pregunta: ¿coincide con el'case 10'? No. Entonces, continúa: ¿coincide con el'case 20'? No. Entonces, continúa: ¿coincide con el'case 30'? Sí. Al coincidir con esto es porque el valor que está contenido en'edad' es igual a 30, entonces está coincidiendo y por tanto vamos a acceder a este "set" de instrucciones. Una vez que se ejecuta este "set" de instrucciones, se ejecuta la opción'break', que quiere decir que va a ignorar todo lo que está por debajo y va a continuar con la ejecución del programa. Así que ahora vamos a probarlo y para esto voy a descomentar esta línea donde tenemos un'console. log'con el'resultado'. Al momento de ejecutarlo podemos ver que dice: "El resultado de la evaluación con números es: la edad es 30 años". ¿Y qué pasa si yo lo cambio, por ejemplo, a 10? Entonces, ahora me va a decir: "La edad es 10 años", porque coincidió con este caso. Pero ¿qué sucede por ejemplo si yo lo cambio a 40? Ahora, cuando yo ejecuto dice: "Ningún caso coincide". Esto porque nosotros tenemos aquí esta opción por defecto donde le estamos indicando a'switch' que si ninguno de estos casos es válido, entonces agregue un valor por "default" o por defecto. Ahora, también es posible que yo pueda agregar tantos'case'como necesite, en este caso vamos a agregar un'case'para cuando sean 40 años, guardamos y actualizamos y vemos como ahora sí va a coincidir esta opción, solamente voy a corregir este texto para que sea coherente. Y aquí tú pues agregar tantos casos necesites, pero, de nuevo, al igual que como trabajas con las estructuras de control de tipo condición, es necesario que planees bien este flujo. Incluso aquí, adentro de cada uno de los bloques, tú puedes meter más estructuras de control para estar controlando y manipulando el flujo de tu información. Ahora, cuando nosotros queremos hacer una evaluación trabajada con cadenas de texto, lo único que va a cambiar es que el valor al que apunta cada uno de los casos va a estar encapsulado por un par de comillas para que sea un valor de texto. En este caso tenemos el valor de'producto', que es'TV', y tenemos el primer caso que corresponde a la'TV', el segundo caso que corresponde a la'Radio'y el tercer caso que corresponde al'Teléfono'. Vamos a quitar estos comentarios que tenemos en este mensaje, actualizamos nuestra pantalla y vemos como el mensaje indica que "El resultado de la evaluación con texto es: se eligió la TV". De esta misma forma, al igual que como trabajábamos con el número, si yo tengo algún elemento que no coincida, como, por ejemplo, 'Tableta', aquí también nos va a agregar un valor por "default". Y aquí hay algo muy interesante a considerar. Por ejemplo, ¿qué sucede si yo pongo aquí la palabra'radio'? Cuando yo lo ejecuto vemos que me dice: "No se eligió ningún producto", pero nosotros tenemos la palabra'radio'. Esto es'case sensitive', es decir, es sensible al uso de mayúsculas y minúsculas, por tanto el'case Radio'que nosotros estamos evaluando dentro del'switch' es con la erre mayúscula y acá lo tengo con erre minúscula. Vamos a hacer la corrección, actualizo mi navegador y vemos ahora que ya tengo el valor que corresponde a la situación'Radio'. De esta manera podemos manejar decisiones un poco más complejas utilizando la estructura'switch', y no olvides que puedes mezclarla o integrarla con otro tipo de estructuras de control para mejorar el flujo de datos a través de tu aplicación.

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.