Estructuras de control y bucles en JavaScript

Este es el cuarto tutorial de la serie 'Mis apuntes JavaScript'. En este tutorial aprenderemos sobre las estructuras de control como if y switch, también aprenderemos sobre los bucles en JavaScript.

En JavaScript como en cualquier lenguaje de programación hay ciertas estructuras que nos ayudan crear un flujo por donde seguirá nuestro programa. Estas estructuras nos ayudan a tomar una decisión o a crear bucles en el algoritmo de nuestro programa.

Índice

1. Estructura if
2. Estructura Switch
3. Bucle for
4. Bucle while
5. Bucle Do while
6. Resumiendo un If-else con Or

1. Estructura if

Esta estructura se utiliza para resolver una operación lógica.

if(){
  //code
}
else{
  //else code
}

Donde también podemos usar else if para agregar más condiciones a nuestro código.

let stopLight = "yellow";

if (stopLight === "red") {
  console.log("Stop!");
} else if (stopLight === "yellow") {
  console.log("Slow down.");
} else if (stopLight === "green") {
  console.log("Go!");
} else {
  console.log("Caution, unknown!");
}

La estructura if la podemos hacer más pequeña, en una sola linea a este forma de crear un if se le conoce como operador ternario.

let price = 20;
let message = price > 10 ? "Es mayor que 10" : "Es menor que 10";

También podemos usar el operador ternario directamente para ejecutar código.

price > 10 ? console.log("es mayor que 10") : console.log("Es menor que 10");

Y los parentesis de la condición son opcionales.

price > 10 ? console.log("es mayor que 10") : console.log("Es menor que 10");

2. Estructura Switch

Esta estructura sirve para comprobar una variable con diferentes casos.

let edad = 1;

switch (edad) {
  case 1:
    console.log("Tienes un año");
    break;
  case 2:
    console.log("Tienes dos años");
    break;
  default:
    console.log("Tienes más de dos años de edad");
    break;
}
// Tiene un año

3. Bucle for

En JavaScript podemos usar el bucle for para repetir un determinado código varias veces. Hay dos formas para hacer un for en JavaScript.

La primera forma usa un valor n que representa a la variable en una iteración y m representa la lista por donde el bucle va iterar.

m = [1, 2, 3, 4];

for (n in m) {
  console.log(n);
}

La segunda forma y quizá la más conocida es:

for (let i = 0; i < 3; i++) {
  console.log("andy");
}

4. Bucle while

Es un bucle que repite un código mientras se cumpla una condición

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

5. Bucle Do while

Este bucle es similar al while pero la comprobación de la condición se realiza después de cada iteración y de ejecutar de la iteración.

let count = 1;
do {
  console.log(count);
  count++;
} while (count < 5);

6. Resumiendo un If-else con Or

Usando if podemos asignar un valor a una variable de la siguiente manera

let defaultName;
if (username) {
  defaultName = username;
} else {
  defaultName = "Stranger";
}

pero también podemos hacer lo mismo usando el operador ||.

let defaultName = username || "Stranger";

Esto sucede porque un string vacío es igual a un false.