Desarrollo de aplicaciones móviles

Estructuras de control y ciclicas

Agenda

  • Estructuras de control
  • Estructuras de ciclicas
  • Actividad de aprendizaje

Estructuras de control

Definiciones

Definiendo términos

Estructura Descripción Sintaxis RN
If / else if / else Permite ejecutar un bloque de código solo si una condición se cumple. Si no se cumple, se pueden evaluar otras condiciones o ejecutar una alternativa final if (condición) { // Código si la condición es verdadera } else if (otraCondición) { // Código si la otra condición es verdadera } else { // Código si ninguna condición se cumple } if (edad >= 18) { mensaje = "Eres mayor de edad"; } else { mensaje = "Eres menor de edad"; }
Operador ternario Es una forma abreviada de un if-else, muy usada dentro del JS (ya que no se pueden usar if directamente dentro del return). condición ? valorSiTrue : valorSiFalse {edad >= 18 ? "Adulto" : "Menor"}
switch Permite comparar una misma variable contra múltiples posibles valores. Es útil cuando hay varios casos específicos que evaluar. switch (variable) { case valor1: // Código si variable === valor1 break; case valor2: // Código si variable === valor2 break; default: // Código si ningún caso coincide } switch (estado) { case "cargando": mensaje = "Cargando..."; break; case "éxito": mensaje = "Operación exitosa"; break; case "error": mensaje = "Ocurrió un error"; break; default: mensaje = "Estado desconocido"; }
Evaluación lógica Permite ejecutar o mostrar algo solo si una condición se cumple, sin necesidad de usar else. condición && expresión {mostrarMensaje && Hola, usuario!}
Desplaza para ver más

Estructuras de ciclicas

Definiciones

Estructura Descripción Sintaxis RN
for Se utiliza para repetir un bloque de código un número determinado de veces. Consta de tres partes: inicialización, condición y actualización. for (inicialización; condición; actualización) { // Código que se repite } const numeros = []; for (let i = 1; i <= 5; i++) { numeros.push(i); }
while Ejecuta un bloque de código mientras una condición sea verdadera. while (condición) { // Código que se repite } let i = 0; while (i < 3) { console.log("Número: " + i); i++; }
do...while Similar a while, pero garantiza al menos una ejecución, incluso si la condición es falsa desde el principio. do { // Código que se ejecuta al menos una vez } while (condición); let i = 0; do { console.log("Intento " + i); i++; } while (i < 1);
Método .map() Es una estructura de control de iteración declarativa muy usada en React Native. Sirve para recorrer arreglos y generar una salida nueva. array.map((elemento, índice) => { // Código que se ejecuta por cada elemento }); {frutas.map((fruta, index) => ( {fruta} ))}
Desplaza para ver más

Actividad de aprendizaje

  • Google Frexus
  • Selecciona la opción: Generando Valor Agregado.
  • En frexus, Ve a la sección de búsqueda (pulsa sobre la lupa).Escribe: "Estructura de control"
  • Selecciona la opción "Estructuras de control y cíclicas en React Native con Expo".
  • Resuelve cada una de las actividades planteadas.

La innovación distingue a los líderes de los seguidores

- Steve Jobs

Gracias

¿Dudas, preguntas, comentarios?.