Saltar al contenido
Contenido de Programación

Lección 1.9: Condiciones y bucles en JavaScript

Decidir y repetir, como en la 1.4 y la 1.5. En JavaScript lo de dentro va entre llaves.

La idea

Las mismas ideas que en la 1.4 y la 1.5. Cambian dos cosas:

  • La condición va entre paréntesis.
  • Lo de dentro va entre llaves, en vez de terminar con FinSi o FinMientras.

if y else

JavaScript
const edad = Number(prompt("¿Cuántos años tienes?"));

if (edad >= 18) {
  console.log("Puedes votar");
} else {
  console.log("Aún no puedes votar");
}

Para más de dos caminos, else if:

JavaScript
if (n > 0) {
  console.log("Positivo");
} else if (n < 0) {
  console.log("Negativo");
} else {
  console.log("Cero");
}

Comparar y combinar

PseudocódigoJavaScript
====
≠!==
≤ y ≥<= y >=
Y&&
O||
No!

Ojo: = guarda y === compara. Confundirlos es el error más común. Verás también ==; usa siempre ===, que no hace conversiones por su cuenta.

while

JavaScript
let contador = 1;

while (contador <= 5) {
  console.log(contador);
  contador = contador + 1;
}

Si olvidas la línea que suma, el bucle no termina y la pestaña se queda colgada. Si te pasa, ciérrala y abre otra.

for

JavaScript
for (let i = 1; i <= 5; i++) {
  console.log(i);
}

Entre los paréntesis van tres partes separadas por ;:

  1. Dónde empieza: let i = 1.
  2. Hasta cuándo sigue: i <= 5.
  3. Cómo avanza: i++, que es lo mismo que i = i + 1.

Pruébalo

Ejercicio

Escribe en la consola la tabla de multiplicar del 3, de 3 × 1 a 3 × 10.

Ver la solución
JavaScript
for (let i = 1; i <= 10; i++) {
  console.log("3 x " + i + " = " + 3 * i);
}
Consola
3 x 1 = 3
3 x 2 = 6
…
3 x 10 = 30

En resumen

  • if, else if y else deciden; while y for repiten.
  • La condición va entre paréntesis y el bloque, entre llaves.
  • === compara; = guarda.