AD

¿Ya dominas lo básico? Un curso estructurado de JavaScript es la vía rápida para dar el salto.

Ver cursos de JavaScript en Udemy

Enlace de afiliado. No te cuesta nada extra.

🟨Lecciones de JavaScript
Lección 3 / 69

Condicionales (sentencias if)

En esta lección aprenderás a escribir sentencias if en JavaScript para bifurcar tu código según «si se cumple esta condición». Es una lección introductoria para quien busca «sintaxis del if en JavaScript».

Una sentencia if ejecuta su cuerpo solo cuando la condición es verdadera. Se escribe como if (condición) { ... } else { ... }, y el bloque else se ejecuta cuando la condición es falsa. Piénsalo como traducir directamente a código la decisión cotidiana «si llueve, coge el paraguas». Encadenar else if te permite expresar tres o más ramas.

El código de ejemplo muestra uno de tres mensajes según el valor de la variable puntuacion. Las comparaciones usan operadores como >= (mayor o igual), > (mayor) y === (igual a). Las condiciones se evalúan de arriba abajo y solo se ejecuta el bloque de la primera que resulta verdadera: es un detalle importante que conviene interiorizar.

Un error muy habitual al empezar es confundir = (asignación) con === (comparación) al comprobar igualdad. Usar = no lanza un error, pero produce en silencio un comportamiento no deseado, así que ten cuidado. Equivocarse en el orden de las condiciones es otra causa frecuente de fallos, con ramas que coinciden antes de lo previsto.

En el desarrollo real los condicionales están por todas partes: cambiar lo que se muestra según si el usuario ha iniciado sesión, validar si lo introducido es correcto, etc. Escribir condiciones precisas es la base para escribir código con menos fallos.

Los if también se pueden anidar: «primero comprueba la edad y, dentro de eso, el tipo de socio» es una forma de expresar condiciones en varias fases. Pero anidar mucho se vuelve difícil de leer enseguida, así que cuando las condiciones se compliquen, plantéate extraerlas a una función.

Además de === (igualdad estricta) existe == (igualdad flexible), pero == convierte los tipos automáticamente antes de comparar, lo que a menudo lleva a resultados inesperados; en la práctica se usa casi exclusivamente ===.

JavaScript
SALIDA

💡 Todo lo que pases a console.log() aparece en la salida de abajo.

Espacio publicitario (banner)
Espacio publicitario (en el artículo)