JavaScript si más y si no
Las declaraciones condicionales se utilizan para realizar diferentes acciones basadas en diferentes condiciones.
Declaraciones condicionales
Muy a menudo, cuando escribe código, desea realizar diferentes acciones para diferentes decisiones.
Puede usar declaraciones condicionales en su código para hacer esto.
En JavaScript tenemos las siguientes declaraciones condicionales:
- Úselo
if
para especificar un bloque de código que se ejecutará, si una condición especificada es verdadera - Se usa
else
para especificar un bloque de código a ejecutar, si la misma condición es falsa - Úselo
else if
para especificar una nueva condición para probar, si la primera condición es falsa - Úselo
switch
para especificar muchos bloques alternativos de código para ejecutar
La switch
declaración se describe en el siguiente capítulo.
La declaración si
Utilice la if
declaración 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 minúsculas. Las letras mayúsculas (If o IF) generarán un error de JavaScript.
Ejemplo
Haz un saludo de "Buenos días" si la hora es menos de las 18:00:
if (hour < 18) {
greeting = "Good day";
}
El resultado del saludo será:
La declaración más
Utilice la else
instrucción 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 menos de las 18, crea un saludo de "Buenos días", de lo contrario "Buenas noches":
if (hour < 18) {
greeting = "Good day";
}
else {
greeting = "Good evening";
}
El resultado del saludo será:
Good evening
La sentencia else if
Utilice la else if
declaración 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 la hora es inferior a las 10:00, cree un saludo de "Buenos días", si no, pero la hora es inferior a las 20:00, cree un saludo de "Buenos días", de lo contrario, un "Buenas noches":
if (time < 10) {
greeting = "Good morning";
}
else if (time < 20) {
greeting = "Good day";
}
else {
greeting = "Good evening";
}
El resultado del saludo será:
Good evening
Más ejemplos
Este ejemplo escribirá un enlace a W3Schools oa la Fundación Mundial para la Vida Silvestre (WWF). Al usar un número aleatorio, hay un 50% de posibilidades para cada uno de los enlaces.