Fundamentos del flujo de control en JavaScript: dominio de las condiciones y bucles

1. Introducción al curso: Así que bienvenidos al curso sobre Control Flow essential en el que hemos estado dominando las condiciones y controlando el flujo con la ayuda de JavaScript. Mi nombre es Fesil y me emociona ser tu guía ya que nos sumergimos en los conceptos fundamentales que hacen que tu código sea dinámico y muy receptivo En programación, controlar el flujo de tu aplicación es realmente esencial, y este curso está diseñado para ayudarte a entender cómo tomar decisiones y repetir acciones de manera efectiva en JavaScript. Ahora, si eres nuevo en la programación o buscas solidificar tu comprensión, obtendrás una comprensión integral de todos los conceptos de los que vamos a hablar, y también aprenderás a escribir código limpio y lógico que pueda ayudarte a construir algunos proyectos increíbles Ahora, aquí hay un adelanto de lo que vamos a cubrir. Entonces vamos a cubrir declaraciones if en las que vamos a estar hablando de cómo se pueden ejecutar ciertos bloques del código si se cumplen ciertas condiciones. Hablaremos de switch donde descubriremos una poderosa alternativa para manejar múltiples condiciones de una manera ordenada y organizada. Y esto es realmente importante. Es algo que vamos a estar haciendo en las manos. Y luego vamos a hablar de loops en donde vamos a cubrir cuatro bucles, en donde hablaremos del arte de iterar a través de los datos con la ayuda de ellos. También hablaremos de por qué bucles en donde entendemos cómo se pueden repetir ciertas acciones hasta que se cumpla una determinada condición. Y al final de este curso, tendrás un fuerte conocimiento del flujo de control de JavaScript, lo que te permitirá construir aplicaciones inteligentes más interactivas y orientadas a la acción. Entonces, ¿para quién es este curso? Este curso es para desarrolladores de todos los niveles. Entonces, si eres principiante, desarrollador de nivel intermedio o alguien que es muy avanzado y que está buscando obtener un repaso sobre todos estos temas, felizmente puedes unirte al curso y lo pasarás genial Además, no hago uso de muchas presentaciones. Todo es manos a la obra. Te muestro cosas, y luego en realidad las veo en acción. ¿Bien? Entonces así es como vamos a ir. Es un código completamente manos a la obra, así que no te preocupes por esa parte. Entonces, ¿estás listo para tomar el control de tu código y crear programas interactivos dinámicos? ¿Vamos a sumergirnos y comenzar a dominar las condiciones y los bucles juntos? 2. Decisiones en acción: domina la lógica del "si-otro": Oigan, qué pasa, todos. Entonces es hora de que hablemos de declaraciones if en JavaScript. Así que si sentencia se utiliza para ejecutar un bloque de código si la condición especificada es verdadera. Entonces sí, el centro de la declaración if es la condición que especifiques. Y dependiendo de la condición, se decide si el bloque de código debe ejecutarse o no. Ahora bien, ¿por qué necesitamos algo llamado como si declaración? Ahora, habrá escenarios en los que tal vez quieras hacer ejecución condicional, ¿verdad? Ahora bien, ¿qué es la ejecución condicional? Ejecución condicional, es decir, cómo se ejecutan los programas es que tienes registro de puntos de consola, tienes la línea uno, ¿de acuerdo? Línea uno de código. Bien. Y entonces tienes la línea dos de código, ¿de acuerdo? Entonces esto no es condicional. Se está ejecutando uno tras otro. Ahora, digamos que quiero ejecutar la línea uno de código sólo en un determinado escenario. Y ahí es donde si la declaración entra en imagen, ¿de acuerdo? Entonces podría querer ejecutar o puede que no quiera ejecutar una línea uno, dependiendo de si se cumple una determinada condición. ¿Verdad? Ahora bien, una condición podría ser, digamos que si la temperatura es mayor a 25, cierto, o mayor que cierta cantidad, entonces me gustaría mostrarle un mensaje a un usuario de que hoy hace calor, ¿verdad? Entonces no puedes simplemente imprimir hoy hace calor. Primero hay que verificar la temperatura, y si la temperatura se trata de un cierto umbral, sólo entonces hay que mostrar el mensaje. Entonces aquí es donde entra en imagen la declaración condicional , ¿verdad? Esto es si no es la única declaración condicional que existe, cierto, pero te voy a mostrar cómo puedes hacer uso de I. Así que puedes decir si por aquí, tienes la sugerencia. Si declaración, también tienes ILs, cierto, pero nos apegaremos a si por ahora. Hay que especificar la condición que se evalúa como booleana. Entonces digamos que voy a decir verdad por aquí, o y voy a mover la línea uno dentro de la declaración if. Ahora esta brisa rizada representa un bloque de código, y dentro de esta brisa rizada, puedes agregar cualquier número de líneas de código. Eso se ejecutará si se cumple la condición. Ahora bien, si guardo esto, verán la línea uno, la línea dos, y si lo convierto a cae por aquí, sólo verán la línea dos. Entonces esto nunca se ejecutará porque la condición dentro del si es falsa. ¿Todo bien? Entonces así es como si el tratamiento funciona en pocas palabras Ahora volvamos a nuestro ejemplo donde decimos, si una temperatura está aproximadamente por encima de cierto umbral, queremos mostrar un mensaje al usuario. Entonces para eso, voy a necesitar una variable. Bien, entonces voy a decir temperatura. Bien. Ahora, digamos que si la temperatura es de 30, registrela hoy. Todo bien. Entonces puedo tener condición E por aquí para poder ver si la temperatura es mayor que. ¿Bien? Si es mayor que, digamos, 25. Bien. Entonces si es mayor que 25, deseo imprimir, es una T caliente algo así. Todo bien. Entonces esto puede entrar y venir aquí, esto es afuera si bien? Para que puedan ver, o simplemente puedo imprimir, que tengan un buen día. Bien. Para que veas que es un día caluroso y que tengas un buen día se está imprimiendo ahora. ¿Bien? Si la temperatura es de 22 por aquí, entonces solo verás que tengas un buen día porque no es un día caluroso, ¿verdad? Entonces no quiero imprimir eso. ¿Todo bien? Ahora bien, lo que esto significa es que este bloque de código se ejecuta si se cumple esta condición, ¿verdad? Ahora, habrá escenarios en los que desea ejecutar algún bloque de código cuando no se cumpla esta condición o esta condición sea falsa, y ahí es donde la declaración entra en imagen. ¿Bien? Entonces tienes yo y luego tienes s por aquí. ¿Bien? Así que puedo dejarnos tener una variable por aquí. Diré que está lloviendo por aquí. O tratemos con el mismo ejemplo por aquí. Entonces puedo decir que hoy hace calor, y puedo decir que se por aquí, ¿de acuerdo? Y puedes agregar por aquí Consola punto Iniciar sesión por aquí, y simplemente puedo copiar esto no es un día caluroso. ¿Bien? Ya ves que no es un día caluroso, que tengas un buen día. Y si esto es 26 por aquí, por ejemplo, va a decir que es un día caluroso, que tengas un buen día. Todo bien. Entonces este es un ejemplo de tratamiento Is. Déjame darte un ejemplo más. Escogeremos un ejemplo de un día lluvioso y tendremos una variable que está lloviendo por aquí ¿Bien? Ahora bien, si está lloviendo, si está lloviendo, lo que tenemos que hacer es decir Consola, punto de registro por aquí, y necesito decir que tome un paraguas, Algo como esto. Bien. Y de lo contrario, tengo que decir bien, necesito decir que no es necesario un paraguas, ¿verdad? Entonces sí, voy a decir. No es necesario un paraguas. Voy a guardar esto. Entonces puedes ver tomar un paraguas porque está lloviendo y si no está lloviendo, no puedes ver la necesidad de un paraguas. Todo bien. Así que bastante sencillo, ¿verdad? Ahora bien, aquí lo que estamos haciendo es que estamos teniendo dos bloques de código que se están ejecutando si esta condición es cierta de todos. Entonces esta condición está controlando todo por aquí. Por lo que esta condición es importante. Entonces, si estás escribiendo si declaración, asegúrate de tener derecho a esta condición. Bien. Mucha gente comete un error que la condición, no lo hacen bien. ¿Bien? Hay algún error lógico, y luego no obtienen la salida correcta. Así que solo mantén la atención a esta condición. Ahora bien, hay una forma más de IL que es si, y luego tienes si y luego otra vez, tienes s. Entonces esto también es posible. Entonces puedes decir si por aquí, verás la declaración de FL. Todo bien. Ahora puedo decir, ahora estoy usando esta sintaxis por aquí, I s si s, en realidad puedes encadenar múltiples condiciones, ¿verdad? Entonces déjame mostrarte cómo, ¿de acuerdo? Entonces digamos que tengo una variable por aquí llamada score. ¿Bien? Digamos, le asignaré a esto un valor de 75. ¿Bien? Ahora, voy a tener puntuación por aquí, ¿de acuerdo? Entonces voy a decir puntaje que anoto es mayor que igual a 90. Bien. Digamos que queremos imprimir algo. ¿Qué estamos imprimiendo aquí? ¿Bien? Queremos decir excelente. Bien. Ahora bien, lo que realmente estamos construyendo es que en realidad estamos construyendo una condición por aquí que va a imprimir diferentes mensajes dependiendo de cuál sea tu puntuación. ¿Bien? Ahora, digamos que quiero tener un mensaje que imprima buen trabajo si tu puntaje es superior a 75, y si es superior a 50, quieres decir que pasaste. De lo contrario, si es menor de 50, mejor suerte la próxima vez, algo así. ¿Bien? Entonces me dieron esto. Bien, tengo esto bien. Voy a imprimir Imprimiré excelente si la partitura es mayor a 90, ¿bien? Ahora por aquí, quiero evaluar una condición más si el puntaje es mayor a 75, ¿verdad? Entonces lo que voy a hacer es que voy a conseguir esto y aquí, voy a añadir esta condición. ¿Bien? Para que pueda hacer esto. Esto es completamente válido. Y aquí, en vez de 90, puedo tener 75 por aquí. Bien. Y en vez de Ups Entonces déjame copiar esto correctamente. Bien. Así puedo remontar esto y puedo decir, buen trabajo. Algo así. Bien. Ahora, quiero tener una condición que diga, si el puntaje es mayor a 50, necesito decir que pasaste. Así que sólo voy a pegarlo por aquí. Y si el puntaje es mayor que, digamos 50, puedo decir que pasaste. Algo como esto. Bien. Y digamos que si esta puntuación es inferior a 50, bien, hay que decir mejor suerte la próxima vez. Entonces, si esta puntuación no coincide con ninguna de estas condiciones, necesito decir por aquí, y solo puedo decir registro de puntos de consola. Vaya, solo necesito consola dot log. Bien. Entonces voy a conseguir el registro de puntos de consola, y diré mejor suerte la próxima vez. El tiempo, algo así. ¿Bien? Para que puedan ver por aquí, en realidad estoy encadenando múltiples condiciones Esta es la condición número uno, la condición número dos, la condición número tres, y luego tienes el bloque else. Todo bien. Ahora si guardo esto, bien, ya pueden ver, se imprime el buen trabajo. Bien, porque el puntaje es 75 y está coincidiendo con esta condición. La puntuación es mayor que igual a 75. ¿Bien? Si son los 80, verás que se está imprimiendo un buen trabajo. Si son 95, verás que se está imprimiendo excelente. Si es 51, verás que se está imprimiendo el pase. Y si son 44, digamos, verás mejor suerte la próxima vez que se imprima. ¿Bien? Entonces múltiples condiciones tienen múltiples bloques de código, y se están ejecutando múltiples bloques de código dependiendo de qué condición sea verdadera. Entonces esto se conoce como encadenamiento, ¿de acuerdo? Encadenando si L si L. Bien, entonces en realidad estás encadenando las condiciones aquí para formar una especie de cadena, y dependiendo de la condición, se ejecuta la correcta ¿Bien? Ahora, más allá del encadenamiento, también tienes algo llamado como IL anidado, Entonces lo que puedes hacer es, digamos que tengo una solicitud, ¿de acuerdo? Y dentro de la aplicación para ingresar, el usuario necesita tener una edad mayor 18 años y también necesita tener permiso. ¿Bien? Entonces, digamos que el permiso es solo una bandera en este momento, ¿de acuerdo? Entonces voy a decir que tiene permiso por aquí. Cierto por ahora. ¿Bien? Es solo una bandera y esta bandera se deriva de algunas condiciones en nuestra aplicación. ¿Bien? Y la edad, digamos, es de 20, por ejemplo. Entonces en nuestra solicitud para ingresar, necesitamos tener edad mayor a 18 y también el permiso. Entonces voy a decir si por aquí, voy a decir edad mayor que igual a Uy Entonces es mayor que igual a 18 por aquí. Bien. Y entonces puedo decir, por lo que se evalúa esta condición. Ahora bien, si esto es cierto, necesito agregar una F más por aquí para verificar si tiene permiso porque también necesita tener permiso para entrar, ¿verdad? Y entonces si tiene, puedo decir consola dot log, se le permite entrar. Se puede decir que se le permite entrar por aquí. Esto está hecho. Bien. Ahora aquí, incluso puedes agregar se por aquí, y puedes agregar una ley de consola por aquí. Necesitas permiso para entrar. Permiso para entrar, algo así. ¿Bien? Y puedes agregar. Entonces este es el bloque I fuera de bloque. También puedes agregar bloque, y puedes pegarlo por aquí. Se puede decir, no tienes la edad suficiente para entrar, algo así. Se puede ver. Por lo que puedes ver por aquí se te permite ingresar porque ambas condiciones coinciden. Si cambio esto a 17, verás que no tienes la edad suficiente para entrar. A pesar de que tiene permiso, no se le permite entrar porque esta condición en sí está fallando. Por lo que esta condición interna no se ejecuta. Nosotros solo le pedimos que solo le digamos que no se le permite entrar o que no tiene la edad suficiente para entrar. ¿Bien? Ahora, digamos que si tiene 20 años y si esto es falso, entonces en ese caso, verás necesitas permiso para entrar, porque aunque esté igualando el tramo de edad, no está teniendo el permiso. Entonces lo que estás haciendo es que estás anidando, ¿de acuerdo? Estás anidando si Ls y anidando lo que significa que estás teniendo una condición de si dentro de otra por aquí Ahora, incluso puedes simplificar esto por aquí. Puede simplificar esta condición con la ayuda de operadores lógicos. ¿Bien? Entonces lo que puedes hacer es hacer uso de y operadores, no este y operadores en si condición. ¿Bien? Entonces puedo decir vamos es fin de semana. Digamos que tenemos una app que está haciendo un seguimiento de las vacaciones y si podemos relajarnos hoy o trabajar hoy. Puedo decir que es de vacaciones. Bien. Y por aquí, puedo decir fuerza, algo así. Bien. Entonces puedo decir si es fin de semana, ¿de acuerdo? Entonces si es fin de semana y si es de vacaciones, bien, entonces necesito mostrar un mensaje de que hoy puedes relajarte. ¿Bien? Para que puedas relajarte hoy. Ahora lo que estamos haciendo es que estamos teniendo una en realidad estás comprobando dos variables por aquí, y estás usando u operador. Ahora bien, la salida de esto está en Boole, ¿verdad? Entonces, la salida de la condición de aquí debería ser booleana para que la declaración F funcione bien, Y eso es lo que estamos haciendo aquí y estamos teniendo un bloque s, y podemos decir que hoy es día laborable. ¿Bien? Es día de trabajo. Algo así, ¿verdad? Para que veas que hoy puedes relajarte, y puedes ver por aquí. Entonces, si digo que esto es falso, y si esto es falso, verás que es día laborable. ¿Bien? Entonces sí, así es como funciona. Incluso puedes hacer uso y operar por aquí, ¿de acuerdo? Y en realidad se puede ver la salida por aquí, ¿de acuerdo? Este es un ejemplo. Todo bien. Entonces hay algo llamado como operador ternario. Entonces operador ternario del que estarás al tanto, lo cual es lo siento, signo de interrogación y dos puntos Entonces estas dos cosas te consiguen un operador ternario. Bien. Entonces digamos que si tengo un número por aquí, y si el número es siete, bien, puedo decir que el resultado por aquí es igual al número, porcentaje, siete o lo siento, no siete, dos por aquí. Y si esto es igual a cero, entonces diré que es par. De lo contrario, es extraño, ¿de acuerdo? Y puedo simplemente imprimir consola dot log aquí. Bien. Entonces aquí, puedo decir resultado. Ya ves que es de sod, ¿verdad? Y si lo hago ocho, Ups. Entonces, si lo hago ocho, estará incluso por aquí. ¿Bien? Ahora, la misma condición incluso puedes escribir con la ayuda de if statement, así puedes decir si está bien. ¿Y cuál es la condición? Esta es una condición, ¿verdad? Entonces tendrás la condición por aquí. Bien. Y entonces necesitas que te guste devolver esto o asignarle esto a resultado, ¿ verdad? Por aquí. Lo que voy a hacer es que no voy a asignar esto, pero en realidad voy a tomar el registro de puntos de consola directamente, y solo voy a tener un resultado. ¡Uy! Entonces voy a decir resultado por aquí y voy a decir incluso por aquí. Bien. Algo así. Bien. Y si ese no es el caso, entonces lo que puedes hacer es imprimir o. Algo como esto. Se puede ver incluso, incluso. Bien. Entonces es la misma condición realmente escrita con la ayuda de if statement. Pero en los casos, operador ternario te da una sintaxis más concisa Como, por ejemplo, por aquí, la condición es bastante simple. Por lo que el operador ternario se ve mucho más conciso. Pero ahora, si la condición es muy compleja como esta o condición anidada, entonces es recomendable que no hagas uso de operador ternario porque o terminarás cometiendo error o la persona que está leyendo el código, no va a entender lo que está pasando, ¿ compleja como esta o condición anidada, entonces es recomendable que no hagas uso de operador ternario porque o terminarás cometiendo error o la persona que está leyendo el código, no va a entender lo que está pasando, ¿verdad? Porque no va a ser legible. Sería un desastre. Entonces, para condiciones simples, es recomendable operador ternario, ¿de acuerdo? Pero para los complejos, claro, hay que hacer uso de ifs normales, ¿verdad Entonces eso es algo de lo que debes estar al tanto. Por supuesto, incluso puedes mover esto a funciones, ¿de acuerdo? Incluso se puede hacer uso de IL en funciones. Entonces, uh tan función. Entonces puedes decir función, cheque, incluso extraño, algo así por aquí, y puedo tener esta condición por aquí, ¿de acuerdo? Y se termina el número, ¿verdad? Entonces obtendrás el número por aquí. Todo bien. Y se le puede llamar a esto. Se puede decir cheque, incluso extraño, ¿de acuerdo? Y puedes pasar en diez, por ejemplo, diez es par. Se puede pasar en 11. Se puede ver 11 es impar. Entonces esto también es posible. Bien, puedes tener Fs en, uh, en funciones también. También puede hacer uso de ELs con arreglos. Bien. Déjame mostrarte eso. ¿Bien? Así que digamos que tienes variedad de frutas, ¿de acuerdo? Y vas a tomar manzana, ¿de acuerdo? Yo sólo voy a crear algunas frutas, plátano. Bien. Y digamos naranja. Bastante simple. Bien. Ahora, digamos que quiero comprobar si es mi favorito, ¿de acuerdo? Los frutos existen en la matriz o no. Bien. Entonces digamos que mi fruta favorita es la manzana, por ejemplo. Bien. Entonces puedes decir si está bien. Bien, 1 segundo, déjame obtener esta plantilla. Entonces se puede decir si ¿cuál es la condición? Si la fruta incluye, tienes inclusiones por aquí. Bien. Si esto incluye tu fruta favorita, ¿bien? Entonces lo que puedes hacer es registrarte por aquí, ¿de acuerdo? Se puede decir yo sólo voy a decir que sí. Bien. De lo contrario, lo que puedes hacer es decir consola dot log por aquí, y aquí puedes decir que no. Bien, solo estoy imprimiendo simple sí o no. Puedes tener buenos mensajes por supuesto. Entonces puedes ver que sí por aquí. Ahora, digamos, si es la fresa mi fruta favorita, entonces no está ahí en la lista. ¿Bien? Entonces así es como puedes hacer uso de arreglos con FLS ¿A la derecha? Puede tener operaciones que devuelvan valor booleano, y que podrían valorarse en ¿Bien? Incluso puedes hacer esto con Objecs Entonces déjame mostrarte un ejemplo por aquí. ¿Bien? Entonces digamos que tengo un usuario por aquí. Usuario. Todo bien. Uy, debo igualar a. Bien. Dentro de usuario, digamos que tienes un nombre de Alice. Bien. Digamos que tienes es admin como falso. ¿Bien? Entonces aquí, este es un valor booleano dentro, como un atributo booleano Entonces se puede decir yo bien voy a conseguir plantilla DL. Se puede decir usuario punto es Admin. ¿Bien? Si es Admin, puedes decir consola dot log por aquí. Bien. Y se puede decir, bienvenido Admin. Todo bien. Esto es posible. Bien. Y de lo contrario, lo que puedes hacer es que puedes venir aquí y puedes decir, Oh, puedes hacer uso de los literales de plantilla por aquí ¿Bien? Se puede decir usuario punto n. bien. Y entonces esto tiene que ir en impuestos atrasados. ¿Bien? Si guardas esto, verás a la bienvenida Alice. ¿Bien? Entonces es el usuario EdminFals Entonces verás bienvenida Alice. Si esto es cierto, Bienvenido admin. ¿Todo bien? Así que voy a mantener esto como falso y vamos a tener la bienvenida Alice. ¿Bien? Por lo que resumen la declaración IL es una de las estructuras de control importantes en Jascript ¿Bien? Se encuentra bajo así que hay categorías, ¿de acuerdo? Entonces tienes estructura de control, es decir, estás controlando cómo tu pista se ejecuta tu código, ¿verdad? Entonces, si declaración viene debajo de eso, ¿de acuerdo? Y se usa para ejecución condicional, puedes ver aquí estamos ejecutando código condicionalmente Si estás haciendo uso de la declaración If, no hay garantía de que el código se ejecutará porque dependería de la condición, ¿verdad? Y los valores de valor involucrados aquí. Si tienes condición compleja, no lo sabrás, ¿verdad? Entonces ILS es muy fundamental. Estarás usando mucho FL, ya sea que aprendas Javascript, reacciones, todo eso, ¿de acuerdo? Y hay múltiples formas como vimos. Tienes básico si si con Ls, tienes si encadenado, has anidado IL, puedes hacer uso de operadores lógicos para crear condiciones más complejas También tiene operador ternario, que es una versión abreviada de la declaración FL Así operador ternario a menudo se llama una versión abreviada de la declaración FL Bien. Y Is también se puede usar con funciones , matrices, objetos, etc. Todo bien. Entonces espero que tengas claro cómo puedes hacer uso de las decisiones en tu código con la ayuda de una primera declaración, y espero que esto haya sido súper útil. 3. Cambio de perspectiva: profundización en las declaraciones de cambio: Entonces ahora es el momento de que hablemos de la declaración switch. Ahora, primero entendamos por qué existe sentencia switch en primer lugar. Ahora el problema es cuando se trata múltiples condiciones con ifs, puede haber un problema de que se vuelven un poco más largas y difíciles de leer Y este es un caso si estás haciendo evaluación de condición sobre la misma variable, ¿de acuerdo? Entonces, cuando se trata de múltiples condiciones para una misma variable, si se puede llegar a ser largo y más difícil de leer. Donde la declaración switch entra en imagen donde ofrece una alternativa más limpia y legible. Todo bien. Entonces déjame darte un ejemplo de lo que significan múltiples condiciones en una misma variable. Así que echa un vistazo a este ejemplo de aquí que he agregado. Aquí, tengo una variable llamada fruto. Estoy evaluando esta variable, bien a través de múltiples condiciones y dando la salida por aquí, ¿de acuerdo? Ahora si guardo esto, claro, me voy a ir voy a sacar la salida ya las manzanas son $2 por kg. ¿Bien? Así que estoy recibiendo el precio por aquí. Pero las condiciones son múltiples, ¿de acuerdo? Para una o dos condiciones, declaración de IL es genial, pero cuando las condiciones crecen así, bien, puede llegar a ser difícil de manejar. Y aquí es donde entra en imagen la declaración switch. Entonces, ¿cómo se escribe un interruptor? Entonces puedes decir por aquí, digamos que tengo, bien, aquí tengo fruta. Bien, voy a crear otro ejemplo. Voy a llamar a esto como tipo de fruta. Entonces la variable cambiará por aquí. Voy a tener un interruptor en la fruta. Bien. Entonces en realidad, si escribes cambiar por aquí, tienes esta plantilla que puedes seleccionar. ¿Bien? Puedes ver la sintaxis automáticamente agregada aquí. Ahora, las sentencias switch consisten en claves y valores. ¿Bien? Entonces aquí puedes ver esta clave. Entonces, ¿qué es una llave por aquí? Clave es en realidad la expresión que deseo evaluar, ¿verdad? Entonces aquí, en mi caso, la expresión es tipo fruta. ¿Bien? Por lo que este tipo de fruto ahora será evaluado contra múltiples casos. Entonces el caso uno está por aquí, Apple. Bien. Entonces puedo decir manzana por aquí. Bien. Y si es manzana, entonces lo que quiero hacer quiero imprimir en esta declaración por aquí. ¿Bien? Algo como esto. Todo bien. Entonces yo tipo de fruta es manzana, esto se ejecutará este caso porque es un valor coincidente, ¿bien? Y lo imprimirá en la consola. ¿Bien? Puedo replicar esto para otras cosas también ¿Bien? Entonces, por ejemplo, puedo tenerlo para plátano, bien. Entonces aquí puedo decir que esto es plátano. Todo bien. Y puedo tener el registro de la consola por aquí para banana. Bien. Se puede ver. Bien. Puedo hacer algo similar para otras frutas también. Entonces voy a agregar esto. Bien. ¡Uy! Sangría, metí pata con Todo bien. Pero después del plátano, hay naranja. Diré naranja por aquí y ¿cuál es el candado de la consola para naranja? Las naranjas Oge son 1.5 dolares por kg como puedes ver. ¿Bien? Ahora por defecto es la clave predeterminada, cuando no se encuentra ninguna coincidencia, para que pueda imprimirla. ¿Bien? Por aquí. Bien. Algo como esto. Todo bien. Ahora bien, si ahorras esto, puedes ver que las manzanas son $2 por KG. Si hago esto como fresa, ¿de acuerdo? Verás, perdón, no tenemos esa fruta. Si digo naranja, vaya, no por aquí Si digo bien. Entonces si digo fresa, en realidad, cambio un lugar equivocado, no deberías cambiar en el lugar del caso. Lo siento, pero va a ser de fresa. ¿Bien? Si guardas esto, ya verás, perdón no tenemos esa fruta. Si dices naranja, Bien, las naranjas son 1.5 dolares por Kg ¿Bien? Si dices plátano, el de plátano será ejecutado. Se puede ver. Entonces esta es una mejor alternativa, yo diría, más fácil de leer, ¿de acuerdo? Y también es más fácil de manejar. Entonces, si tienes más casos o más frutas que se están agregando, simplemente puedes agregar una declaración de caso. Es más fácil de leer. Pero por aquí, si tienes múltiples condiciones, bien, podría ser engorroso de leer Entonces ese es el beneficio de aquí. Bien. Ahora, también puedes tener caída en el interruptor. ¿Bien? Entonces déjame copiar todo esto. Voy a venir aquí. Bien. Te voy a mostrar que te caes. ¿Bien? Entonces voy a decir caída. Dos. Y voy a deshacerme de esto. Esto es duplicado en realidad. Entonces digamos que tengo esta declaración switch. Ahora quiero agrupar varios casos para ejecutar el mismo bloque de código. Entonces lo que puedo hacer es si el tipo de fruta es manzana, entonces quiero ejecutar estos dos casos. Entonces lo que haría es quitar break por aquí. ¿Bien? Ahora, si digo, Bien, entonces déjame cambiar esto también. Voy a mover esto a una variable normal, y por aquí, diré que el tipo de fruta es igual a la manzana. Bien. Ahora bien, si guardo esto, verás que las manzanas cuestan $2 por kg y las bananas son $1 por kg. Estás imprimiendo las dos cosas por aquí. Si dices plátano, solo se imprimirá uno. ¿Bien? Entonces, ¿por qué ambos se imprimieron cuando dijiste Apple? Bueno, lo que está pasando es que aquí no tienes esta declaración de ruptura. Así que romper en una caja de interruptor es responsable de romper el bucle por aquí o romper la condición. Entonces aquí, una vez que se ejecuta esto, esta parte, sentencia break es incontada y el control no pasa al siguiente caso En cambio, sale del interruptor. Entonces break se usa esencialmente para salir del interruptor, ¿verdad? Entonces, si te saltas break, irá y empezará a ejecutar el siguiente caso también. Si elimino esto, volverá a ir y comenzará a ejecutar el siguiente caso, ya puede ver. Bien, entonces esa es la importancia del break. Y este comportamiento por aquí sin descanso se conoce como caída a través de interruptor. ¿Bien? Así que solo recuerda esto si alguien te pregunta o si lees esto en alguna parte, ¿ok? Esto se conoce como caída a través, omitiendo de ruptura. ¿Todo bien? Ahora, incluso puedes tener un switch con expresiones. ¿Bien? Entonces déjenme decir cambiar con expresiones. ¿Bien? Todo bien. Cometí, estoy ortografiando un error por aquí. ¿Bien? Entonces digamos que tengo un número por aquí, que se inicializa para digamos nueve, bien Ahora se puede decir cambiar por aquí. Bien. Ahora puedo decir verdad, porque esta expresión no es cierta. Bien. Entonces ahora lo que puedes hacer aquí es caso. Se puede tener número es menor a cinco. Entonces, si el número es menor a cinco, bien, dirás que el registro de puntos de consola por aquí. Bien. Aquí, se puede decir que el número es menos de cinco, algo así. ¿Bien? Puedes tener algo similar para oops Puedes tener algo similar para esta parte por aquí. Bien. Entonces se puede decir aquí, número es mayor que igual a cinco y el número es menor a cinco. Oh, perdón, el número no es menos de cinco, es menos de diez. Por lo que aquí se puede ver el número es 5-10. Por lo que se puede ver el número es 5-10. Todo bien. Entonces de esta manera, también puedes hacer uso de expresiones en declaraciones de casos, justo aquí. Ahora, quiero hablar sobre las diferencias entre switch en JavaScript, Pis in y Java. Todo bien. Entonces en Java, entonces este ejemplo que estás viendo es similar a los que tenemos examen en Java, ¿bien? Entonces en Java, también, funciona de manera similar, ¿de acuerdo? Y en Java, los valores de caso deben ser constantes. Como en las enums de Digo o cuerdas. Pero en el caso de JavaScript, puede ser de cualquier tipo de datos como cadenas, números, e incluso puede incluir expresiones como las que estamos viendo por aquí, ¿verdad? Y con respecto a Python, ¿de acuerdo? Entonces Python no tiene una sentencia switch tradicional, pero usa if Ls, if, bien. Entonces eso es algo. En la última versión de Python, también tienes match key, que es una construcción más poderosa que el switch JavaScripts, Entonces sí, esto es lo que es, y la sintaxis será mucho más similar a la de los otros lenguajes de programación. Pero una cosa que debes recordar de switch es cuándo debes usarlo. Entonces, si tienes múltiples valores para comparar con una sola variable como lo estamos haciendo aquí, es mejor usar switch porque son mucho más fáciles de entender y escribir también. Al igual que, estarás cometiendo menos errores y alguien que lo lea, será mucho más fácil para ellos también. Espero que esto haya sido útil y hayas podido seguirlo. 4. Iterar para innovar: aprovechar los bucles en JavaScript: Entonces ahora es el momento de que comencemos a hablar de los cuatro bucles en JavaScript. Ahora, JavaScript cuatro bucles funcionan como cualquier otro lenguaje de programación, ¿verdad? Entonces digamos que puedo escribir una declaración de cuatro como esta. Se puede ver esta sintaxis que se pobló, bien. Ahora tienes este índice, que será como un contador que te ayudará a pasar por una lista de elementos, ¿verdad? Así puedo tenerme aquí como índice. Bien. Puedo empezar desde cero. Bien, entonces yo es igual a cero, y Ups. Así puedo venir aquí, bien, y puedo tener menos de cinco por aquí. Bien. Digamos, digamos diez. Quiero imprimir números 0-9. Digamos, quiero imprimir diez números, ¿verdad? Tengo I plus plus, y simplemente puedo venir aquí y decir Console dot log por aquí. Bien. Y puedo tener impreso. Así. Todo bien. Y si guardo esto, verás cero, uno, dos, tres hasta las nueve. Entonces se están imprimiendo diez números y en realidad estamos haciendo uso de cuatro bucles para lo mismo. Ahora bien, si tienes una matriz, básicamente, entonces cuatro bucles pueden ser beneficiosos para iterar a través las matrices también por aquí Entonces si digo números por aquí y puedes tener uno, dos, tres, cuatro, cinco, seis, siete, ocho. Bien. Digamos que tenemos ocho números. Entonces voy a copiar esto, Bien. Y por aquí, puedo decir números de longitud de punto. Esto es una matriz, y tenemos esta propiedad length junto con esto, ¿de acuerdo? Y puedes acceder a la matriz por aquí. Entonces puedes decir números en I. Si guardas esto, verás uno, dos, tres, cuatro, cinco, seis, siete y ocho por aquí. ¿Bien? Así que tenemos esta matriz siendo impresa. Ahora lo que está sucediendo es esta es la parte de inicialización. Estamos inicializando la variable. Esta es la parte condicional donde estamos evaluando la condición de si el bucle cuatro debe avanzar o no. Y esta es la parte del incremento. Entonces primero, se lleva a cabo la inicialización. Después se evalúa la condición. Entonces es cero menos que los números de longitud de punto. Bien. Entonces cero es menos de ocho por aquí. La longitud de esta matriz es ocho, ¿verdad? Entonces, la longitud de los puntos de los números será ocho porque estamos tratando de obtener la longitud de las matrices usando la propiedad length, ¿verdad? Entonces, como es verdad, entraremos y tú imprimirás números de cero, ¿verdad? Entonces, lo que significa que uno se imprime. Entonces me incrementas y luego vuelves a evaluar la condición. Y luego vas adentro. Si la condición es verdadera, vas adentro y ejecutas esto. De esta manera, este bucle de cuatro sigue ejecutándose hasta que la condición aquí resulta ser falsa, derecha, y se sale del bucle ¿Bien? Entonces así es como funciona el bucle cuatro, y esta es la contraparte. Esta es la parte de inicialización, y esta es la parte de incremento y decremento Así que la inicialización se acaba ejecutar en el inicio del bucle cuatro ¿Correcto? Más adelante solo estas dos cosas se están cuidando si el loop debe ser ejecutado o no. ¿Todo bien? Entonces se trata de un bucle de cuatro, e incluso se puede hacer uso de cuatro bucles para imprimir en reversa por aquí. Para que pueda ir a la inversa. Déjame copiar esto. Entonces este fue un bucle de impresión hacia adelante. De hecho, puedo hacer esto como diez por aquí. Puedo revertir la condición de que sea mayor a cero, y puedo tener I menos menos. Si guardo esto, bien, y déjame comentar esto para que haya un poco de menos registro en la pantalla, puedes ver por aquí, 109-87-6543 21, Entonces vamos a invertir ahora con la ayuda de este bucle cuatro así que nos está ayudando a ir en el orden inverso, y puedes hacer lo mismo con la matriz también, ¿verdad? Puede imprimir inversa, imprimir matriz en reversa. Eso es algo que puedes hacer. Incluso puedes anidar los cuatro bucles, bien. Así que voy a comentar esto por aquí para que tengamos una consola más limpia y podamos ver la salida por aquí. Entonces digamos que tengo esta matriz, o, y digamos que deseo imprimir una matriz, algo así como, ¿verdad? Entonces lo que haría es que vendría por aquí. Yo también agregaría un bucle de cuatro por aquí, ok. Y solo voy a comentar esto. Bien. Lo que haría es que partiría de cero. Yo diría que es menor que. Puedo decir, vaya, perdón, yo es menos que, digamos diez, yo más más, algo así Bien. Ahora, voy a decir que estoy igual a cero por aquí también, y este bucle interno coincidirá. Entonces, antes que nada, tenemos que cambiar el nombre de la variable por aquí. Este debería ser J. Bien. Esto también debería ser J y este también debería ser J. ¿Bien? Entonces J hasta J es menor que I G plus plus, algo así. Bien. Y puedes imprimir en J por aquí. Así. Si guardas esto, ya verás. Bien, entonces cero, uno, cero, ¿de acuerdo? Uno, 20. Uno, dos, tres, y así sucesivamente. Entonces, en realidad, no lo estamos imprimiendo en el estilo de matriz, sino que tenemos un bucle de cuatro anidado que estamos haciendo uso para iterar a través de las ¿Bien? Si tienes una especie de matriz de matriz, que es una matriz de matrices, entonces puedes hacer uso de este tipo de sintaxis para iterar a través de ella. ¿Todo bien? Entonces eso es alrededor de cuatro bucles. Cuatro bucles es esencialmente o los bucles en general son esencialmente útiles cuando se quiere repetir una pieza de código en particular varias veces hasta que se cumpla una condición. Entonces ahí es donde se están usando los bucles, y cuatro bucles simplemente resultan ser una especie de bucle. Espero que esto haya sido útil. 5. Repetir para triunfar: domina los bucles para un control dinámico: Entonces cuando hablamos de loops, también tenemos algo llamado a le loops o I loop, debería decir. Todo bien. Ahora, ¿qué es un bucle Ville? Entonces Vy loop es una especie de bucle que ejecuta un bloque de código o un grupo de declaraciones por aquí Siempre y cuando la condición se evalúe como verdadera. Entonces una vez que la condición resulta ser falsa, entonces en ese caso, se ejecuta el bucle le. Todo bien. Entonces déjame darte un ejemplo por aquí de cómo funcionaría un le loop en el script Java. Entonces digamos que tienes esta variable, bien, puedes tener una declaración Wile ¿Cuál quieres que sea la condición? Entonces digamos, yo diría que tengo menos de cinco. Bien, puedo decir Consola, punto de registro por aquí, y puedo imprimir así me gusta. Bien. Y voy a guardar esto. Otra cosa es que esto entra en un bucle sin fin, se puede ver por aquí. Bien. Ahora bien, esto no está bien, porque no hay condición de rotura. El bucle nunca se ejecuta. Loop nunca se sale. Entonces deberías tener algún tipo de condición por aquí. Bien. Digamos que tengo esta condición, también necesito incrementar el valor de I. Y si guardo esto, bien, entonces el bucle se saldría Entonces solo necesito romper esto ahora. Entonces ahora se puede ver que tenemos de cero a cuatro impresos, lo cual es números finos. Y la última vez entró así que justo ahora, entró en bucle sin fin porque no tuvimos que incrementar condición. ¿Bien? Entonces esta es una sintaxis de bucle y y cómo está escrito en JavaScript. Entonces eso es sobre Wile oop. Es bastante sencillo y sencillo cuando se trata de Javascript, ¿verdad? Espero que esto haya sido útil. 6. Conclusión del curso: Y eso nos lleva al final de este increíble curso. A lo largo de este curso, has aprendido mucho sobre cómo puedes hacer que tu código sea mucho más inteligente para que pueda pensar, tomar su propia decisión y responder a lo largo de todo, ¿verdad? Hemos aprendido conceptos como if statement, cuatro bucles, también hemos cubierto switch, y también hablamos y hemos visto ejemplos de bucle Wil. Recuerde, dominar el flujo de control es un paso crucial para convertirse en un desarrollador competente de Ja Las habilidades que has construido aquí te permitirán escribir código más dinámico y eficiente a código más dinámico y eficiente medida que avanzas y construir sobre algunos proyectos increíbles. Y te abrirá la puerta para desafíos de programación aún más avanzados. Te animo a que sigas utilizando estos conceptos que has aprendido en la clase hasta el momento en tus proyectos que construyes en el futuro. Porque aprender y practicar es la clave aquí. Quiero que te agradezcas por ser un aprendiz tan comprometido y asombroso toda esta clase Con esta clase, encontrarás un proyecto de clase en la sección de proyectos de este curso en particular, cual te animaría a completar y enviar y compartirlo con toda la clase. Eso te ayudará a obtener algunos comentarios increíbles sobre tu proyecto. Feliz codificación y la mejor de las suertes en tu continuo viaje en JavaScript.