Declaraciones if ... else

Echemos un vistazo a la declaración condicional más común que usarás en JavaScript.

— El humilde if ... elsestatement.

Sintaxis if ... else básica

Una sintaxis básica if...else luce así. pseudocode:

Aquí tenemos:

1. La palabra clave if seguida de unos paréntesis.
2. Una condición a probar, puesta dentro de los paréntesis (típicamente "¿es este valor mayor que este otro valor?", o "¿existe este valor?"). Esta condición usará los operadores de comparación que hemos hablado en el módulo anterior y retorna un valor true o false (verdadero o falso).
3. Un conjunto de llaves, en las cuales tenemos algún código — puede ser cualquier código que deseemos, código que se ejecutará solamente si la condición retorna true.
4. La palabra clave else.
5. Otro conjunto de llaves, dentro de las cuales tendremos otro código — puede ser cualquier código que deseemos, y sólo se ejecutará si la condición no es true.

Este código es fácil de leer — está diciendo "si (if) la condición retorna verdadero (true), entonces ejecute el código A, sino (else) ejecute el código B"

Habrás notado que no tienes que incluir else y el segundo bloque de llaves — La siguiente declaración también es perfectamente legal.

Sin embargo, hay que ser cuidadosos — en este caso, el segundo bloque no es controlado por una declaración condicional, así que siempre se ejecutará, sin importar si la condicional devuelve true o false. Esto no es necesariamente algo malo, pero puede ser algo que no quieras — a menudo desearás ejecutar un bloque de código u otro, no ambos.

Como punto final, habrán ocasiones donde veas declaraciones if...else escritas sin un conjunto de llaves, de esta manera:

Este código es perfectamente valido, pero no es recomendado usarlo — es mucho más fácil leer el código y determinar qué sucede haciendo uso de las llaves para delimitar los bloques de código y usar varias líneas y sangrías.