Cómo usar la declaración if de JavaScript

Resumen: en este tutorial, aprenderás a usar la declaración if de JavaScript para ejecutar un bloque cuando una condición es verdadera.
Introducción a la instrucción if de JavaScript
La declaración if ejecuta un bloque de código si una condición es true
(verdadera). A continuación se muestra la sintaxis de la sentencia if
:
if( condition )
statement;
La condición puede ser un valor o una expresión. Normalmente, la condición se evalúa como un valor booleano, que es true
o false
(verdadero o falso).
Si la condición se evalúa como verdadera, la declaración if
ejecuta la declaración. De lo contrario, la sentencia if
pasa el control a la sentencia siguiente.
El siguiente diagrama de flujo ilustra cómo funciona la instrucción if
:
Si la condición se evalúa como un valor no booleano, JavaScript convierte implícitamente su resultado en un valor booleano llamando a la función Boolean().
Si hay más de una declaración para ejecutar, debes envolverlas en un bloque usando un par de llaves de la siguiente manera:
if (condition) {
// statements to execute
}
Sin embargo, es una buena práctica usar siempre llaves con la instrucción if
. Al hacer esto, haces que tu código sea más fácil de mantener y evita posibles errores.
Ejemplos de declaraciones if de JavaScript
El siguiente ejemplo utiliza la sentencia if
para verificar si la edad es mayor o igual a 18
:
let age = 18;
if (age >= 18) {
console.log('Puedes registrarte');
}
Resultado:
Puedes registrarte
Cómo funciona.
Primero, declaras e inicializas la variable edad a 18
let age = 18;
Segundo, verificas si la edad es mayor o igual a 18 usando la instrucción if
. Debido a que la expresión age >= 18
es verdadera, el código dentro de la instrucción if se ejecuta y envía un mensaje a la consola:
if (age >= 18) {
console.log('Puedes registrarte');
}
El siguiente ejemplo también usa la instrucción if. Sin embargo, la edad es 16
, lo que hace que la condición se evalúe como falsa. Por lo tanto, no verás ningún mensaje en la salida:
let age = 16;
if (age >= 18) {
console.log('Puedes registrarte');
}
¿Cómo anidar un if en JavaScript?
Es posible usar una sentencia if
dentro de otra sentencia if
. Por ejemplo:
let age = 16;
let state = 'CA';
if (state == 'CA') {
if (age >= 16) {
console.log('Puedes conducir.');
}
}
Resultado:
Puedes conducir.
En la práctica, debes evitar el uso de sentencias if anidadas tanto como sea posible. Por ejemplo, puede usar el operador &&
para combinar las condiciones y usar declaraciones if
de la siguiente manera:
let age = 16;
let state = 'CA';
if (state == 'CA' && age == 16) {
console.log('Puedes conducir.');
}
Resumen
- Usa la declaración if de JavaScript para ejecutar una declaración si una condición es verdadera.
- Evita el uso de sentencias if anidadas tanto como sea posible.