
- 1. Introducción a JS
- 2. Variables y Constantes
- 3. Tipos de datos
- 4. Operadores Aritméticos
- 5. Operadores de Asignación
- 6. Operadores de Comparación
- 7. Operadores Lógicos
- 8. Operador Ternario
- 9. Operadores Avanzados
- 10. Estructuras de Control
- 11. Condicionales
- ✚ Ejercicio 1: Operaciones
- ▭ Ejercicio 2: Calcular Área Rectángulo
- ✉ Ejercicio 3: Generador de mensaje
- ⌨ Ejercicio 4: Detector de teclas presionadas
Las estructuras condicionales en JavaScript permiten ejecutar diferentes bloques de código en función de si se cumplen o no ciertas condiciones. Son fundamentales para controlar el flujo de ejecución de un programa.
script.js
let numero = 3;
// Uso de if, else if y else
if (numero === 1) {
console.log("Uno");
} else if (numero === 2) {
console.log("Dos");
} else {
console.log("Otro número");
}
// Uso de switch
switch (numero) {
case 1:
console.log("Uno");
break;
case 2:
console.log("Dos");
break;
case 3:
console.log("Tres");
break;
default:
console.log("Otro número");
}
Output
Otro número
Tres
Estructuras de control de flujo condicionales en Javascript
If
La instrucción if se utiliza para ejecutar un bloque de código si la condición es verdadera (true).
Sintaxis:
if (condición) {
// Código que se ejecuta si la condición es verdadera
}
Ejemplo:
let edad = 20;
if (edad >= 18) {
console.log("Eres mayor de edad");
}
Else
El bloque else se utiliza para ejecutar un código alternativo si la condición del if es falsa (false).
Sintaxis:
if (condición) {
// Código si la condición es verdadera
} else {
// Código si la condición es falsa
}
Ejemplo:
let edad = 15;
if (edad >= 18) {
console.log("Eres mayor de edad");
} else {
console.log("Eres menor de edad");
}
Else if
El bloque else if se utiliza cuando se tiene más de una condición que verificar. Permite evaluar condiciones adicionales si la primera es falsa.
Sintaxis:
if (condición1) {
// Código si condición1 es verdadera
} else if (condición2) {
// Código si condición2 es verdadera
} else {
// Código si ninguna condición es verdadera
}
Ejemplo:
let puntuacion = 85;
if (puntuacion >= 90) {
console.log("A");
} else if (puntuacion >= 80) {
console.log("B");
} else if (puntuacion >= 70) {
console.log("C");
} else {
console.log("F");
}
Switch
La instrucción switch es otra estructura condicional que se utiliza cuando se tienen múltiples condiciones que comparar con una misma variable. Es más eficiente cuando se tiene una gran cantidad de condiciones.
Sintaxis:
switch (expresión) {
case valor1:
// Código si expresión === valor1
break;
case valor2:
// Código si expresión === valor2
break;
default:
// Código si ninguno de los valores coincide
}
🔸case: Compara el valor de la expresión con un valor específico.
🔸break: Detiene la ejecución del switch
una vez que se encuentra una coincidencia. Si se omite, el código continuará ejecutándose en el siguiente case
.
🔸default: Es un bloque opcional que se ejecuta si no hay ninguna coincidencia con los case
.
let dia = 3;
switch (dia) {
case 1:
console.log("Lunes");
break;
case 2:
console.log("Martes");
break;
case 3:
console.log("Miércoles");
break;
case 4:
console.log("Jueves");
break;
case 5:
console.log("Viernes");
break;
default:
console.log("Fin de semana");
}
Comparación entre if, else if, else y switch
Condicional | Uso | Ventajas |
---|---|---|
if | Para una sola condición. | Simple y efectivo para condiciones únicas. |
else if | Para múltiples condiciones mutuamente exclusivas. | Útil cuando tienes varias condiciones diferentes a evaluar. |
else | Para el caso por defecto si ninguna condición anterior es verdadera. | Proporciona una opción alternativa si todas las demás condiciones fallan. |
switch | Cuando se tiene una sola variable o expresión que debe compararse con múltiples valores. | Más limpio y eficiente para casos con muchas condiciones comparando la misma variable. |
for (let i = 0; i < 5; i++) {
if (i === 2) {
continue; // Salta el 2 y sigue con la siguiente iteración
}
console.log(i);
}
Estas estructuras son fundamentales para controlar cómo se ejecuta el código y pueden combinarse para crear programas complejos. A continuación iremos viéndolas una por una.
Ejercicio Práctico
- Crea un programa que determine si un número es positivo, negativo o cero utilizando una estructura
if-else if-else
.
- Escribe un programa que clasifique la edad de una persona en categorías como:
"Niño"
,"Adolescente"
,"Adulto"
,"Senior"
, usandoif
,else if
, yelse
.
- Usa un
switch
para crear un programa que imprima el nombre del mes, dado su número (por ejemplo,1
para «Enero»,2
para «Febrero», etc.).