JavaScript if, else, and else if

---

Las declaraciones condicionales se utilizan para realizar diferentes acciones en función de diferentes condiciones.

---

Declaraciones condicionales

Muy a menudo, cuando escribes código, deseas realizar diferentes acciones para diferentes decisiones.

Puede utilizar declaraciones condicionales en su código para hacer esto.

En JavaScript tenemos las siguientes declaraciones condicionales:

• Use if para especificar un bloque de código que se ejecutará, si una condición especificada es verdadera

• Use else para especificar un bloque de código a ejecutar, si la misma condición es falsa

• Use else if para especificar una nueva condición para probar, si la primera condición es falsa

• Use switch para especificar muchos bloques alternativos de código a ejecutar

La declaración switch se describe en el siguiente capítulo.

---

La declaración if

Utilice la instrucción if para especificar un bloque de código JavaScript que se ejecutará si una condición es verdadera.

Sintaxis

if (condition) {
  //  block of code to be executed if the condition is true
}

Tenga en cuenta que if está en letras minúsculas. Las letras mayúsculas (If o IF) generarán un error de JavaScript.

Ejemplo:

Realiza un saludo de "Buenos días" si la hora es inferior a las 18:00:

if (hour < 18) {
  greeting = "Buenos días";
}

Ver ejemplo

---

La declaración else

Utilice la instrucción else para especificar un bloque de código que se ejecutará si la condición es falsa.

if (condition) {
  //  block of code to be executed if the condition is true
} else {
  //  block of code to be executed if the condition is false
}

Ejemplo:

Si la hora es inferior a las 18, crea un saludo de "Buenos días", en caso contrario "Buenas noches":

if (hour < 18) {
  greeting = "Buenos días";
} else {
  greeting = "Buenas noches";
}

Ver ejemplo

---

La declaración if else

Utilice la instrucción else if para especificar una nueva condición si la primera condición es falsa.

Sintaxis

if (condition1) {
  //  block of code to be executed if condition1 is true
} else if (condition2) {
  //  block of code to be executed if the condition1 is false and condition2 is true
} else {
  //  block of code to be executed if the condition1 is false and condition2 is false
}

Ejemplo:

Si son menos de las 10:00, cree un saludo de "Buenos días", si no, pero son menos de las 20:00, cree un saludo de "Buenos días", en caso contrario, un "Buenas noches":

if (time < 10) {
  greeting = "Buenos días";
} else if (time < 20) {
  greeting = "Buenos días";
} else {
  greeting = "Buenas noches";
}

Ver ejemplo

---

Más ejemplos

Random link

Este ejemplo escribirá un enlace a W3Schools o a la World Wildlife Foundation (WWF). Al utilizar un número aleatorio, existe un 50% de posibilidades para cada uno de los enlaces.

---

Traducido con 💚 desde W3Schools.com