Condicionales en JavaScript: if, else, else if y switch

Los condicionales de JavaScript permiten ejecutar código en función de condiciones concretas. Con ellos puedes crear programas más complejos y tomar decisiones a partir de los datos de entrada. En este capítulo vamos a ver las instrucciones if y switch, las estructuras de control de flujo más habituales en JavaScript.

Instrucción if

La instrucción if de JavaScript ejecuta código únicamente si se cumple una condición dada. Aquí tienes un ejemplo de uso de la instrucción if:

let a = 5;

if (a > 10) {
  console.log('a est supérieur à 10');
}

En este ejemplo, el código que hay dentro de las llaves solo se ejecuta si la condición « a > 10 » es verdadera. Si la condición es falsa, el código no se ejecuta y el programa continúa en la instrucción siguiente.

También puedes usar la instrucción else para ejecutar código cuando la condición no se cumple:

let a = 5;

if (a > 10) {
  console.log('a est supérieur à 10');
} else {
  console.log('a est inférieur ou égal à 10');
}

Si la condición « a > 10 » es verdadera, se muestra el mensaje « a est supérieur à 10 ». Si la condición es falsa, se muestra en su lugar el mensaje « a est inférieur ou égal à 10 ».

También puedes usar la instrucción else if para comprobar varias condiciones de forma secuencial:

let a = 5;

if (a > 10) {
  console.log('a est supérieur à 10');
} else if (a == 10) {
  console.log('a est égal à 10');
} else {
  console.log('a est inférieur à 10');
}

Si la primera condición « a > 10 » es verdadera, se muestra el mensaje « a est supérieur à 10 ». Si la primera condición es falsa y la segunda, « a == 10 », es verdadera, se muestra el mensaje « a est égal à 10 ». Si no se cumple ninguna de las condiciones, se muestra el mensaje « a est inférieur à 10 ».

Instrucción switch

La instrucción switch de JavaScript ejecuta código en función del valor concreto de una variable. Resulta útil cuando tienes que comprobar varios valores posibles para una misma variable. Aquí tienes un ejemplo de uso de la instrucción switch:

let a = 'rouge';

switch (a) {
  case 'bleu':
    console.log('a est bleu');
    break;
  case 'vert':
    console.log('a est vert');
    break;
  case 'rouge':
    console.log('a est rouge');
    break;
  default:
    console.log("a n'est ni bleu, ni vert, ni rouge");
}

El valor de la variable « a » se compara con cada « case » de la instrucción switch. Si el valor de « a » coincide con uno de los « case », se ejecuta el código asociado. Si ningún « case » coincide con el valor de « a », se ejecuta el código asociado al « default ».

let a = 'jaune';

switch (a) {
  case 'bleu':
  case 'vert':
  case 'rouge':
    console.log('a est une couleur primaire');
    break;
  case 'jaune':
  case 'orange':
  case 'violet':
    console.log('a est une couleur secondaire');
    break;
  default:
    console.log("a n'est ni une couleur primaire, ni une couleur secondaire");
}

Si el valor de « a » es « bleu », « vert » o « rouge », se muestra el mensaje « a est une couleur primaire ». Si el valor de « a » es « jaune », « orange » o « violet », se muestra el mensaje « a est une couleur secondaire ». Si ningún « case » coincide con el valor de « a », se muestra el mensaje « a n’est ni une couleur primaire, ni une couleur secondaire »:

Conclusión

En este capítulo hemos visto cómo usar las instrucciones if y switch para ejecutar código según condiciones o valores concretos. Son instrucciones imprescindibles para crear programas más complejos en JavaScript. Practica con ellas para mejorar tu nivel de desarrollo en JavaScript.