Estructuras condicionales — Fundamentos de JavaScript

• La instrucción if
• La instrucción else
• else if: múltiples condiciones
• Buenas prácticas
• Resumen

En esta lección, vas a aprender a decirle a tu programa: 👉 “Haz esto si pasa tal cosa, y si no, haz otra cosa”. Es como en la vida diaria:

• Si llueve, llevas paraguas.
• Si tienes hambre, cocinas o pides algo.

En JavaScript usamos if, else y else if para eso.

La instrucción if

Detectar si un texto es una pregunta

const analizarMensaje = (texto) => {
  const ultimoCaracter = texto[texto.length - 1];

  if (ultimoCaracter === '?') {
    return 'Es una pregunta';
  }
};

console.log(analizarMensaje('¿Vienes?')); // 'Es una pregunta'

❓ ¿Qué hace este código?

• Toma el último carácter del texto.
• Revisamos el último carácter del texto.
• Si es ?, entonces decimos 'Es una pregunta'.
• Si no lo es, no devuelve nada.

💡 Esto podría usarse, por ejemplo, en una app de chat para mostrar un ícono especial ❓ si el mensaje es una pregunta.

La instrucción else

A veces queremos hacer una cosa si la condición se cumple y otra distinta si no se cumple. Para eso usamos else, que significa “si no”.

const analizarMensaje = (texto) => {
  const ultimoCaracter = texto[texto.length - 1];

  if (ultimoCaracter === '?') {
    return 'Es una pregunta';
  } else {
    return 'Es una oración normal';
  }
};

console.log(analizarMensaje('¿Cómo estás?')); // 'Es una pregunta'
console.log(analizarMensaje('Nos vemos luego')); // 'Es una oración normal'

• Si termina en ?, dice que 'Es una pregunta'.
• Si no, entra al bloque del else y devuelve 'Es una oración normal'.

else if: múltiples condiciones

¿Qué pasa si queremos detectar también oraciones exclamativas, como "¡No puede ser!"? Ahí usamos else if, para agregar más condiciones:

const analizarMensaje = (texto) => {
  const ultimoCaracter = texto[texto.length - 1];

  if (ultimoCaracter === '?') {
    return 'Es una pregunta';
  } else if (ultimoCaracter === '!') {
    return 'Es una exclamación';
  } else {
    return 'Es una oración normal';
  }
};

console.log(analizarMensaje('¿Cómo estás?')); // 'Es una pregunta'
console.log(analizarMensaje('¡Qué sorpresa!')); // 'Es una exclamación'
console.log(analizarMensaje('Nos vemos luego')); // 'Es una oración normal'

¿Cómo funciona else if?

1. Primero, el código revisa la condición del if. En este caso, si el mensaje termina en ?. Si es verdadero, devuelve "Es una pregunta" y termina la ejecución.
2. Si la primera condición es falsa, el código pasa a la siguiente, el else if. Solo se verifica si el mensaje termina en !.
3. Si ninguna de las condiciones anteriores es verdadera, se ejecuta el bloque de código final dentro del else. Este es el comportamiento por defecto.

Esto puede servir para mostrar íconos diferentes en una app: ❓ si es pregunta, ❗ si es exclamación, o nada si es una oración normal.

Buenas prácticas

• Siempre usa { } incluso si tu if tiene solo una línea.
• Usa else if para evitar repetir if uno detrás de otro.
• Evita usar demasiados if anidados, es mejor dividir el código en funciones pequeñas.
• No pongas negaciones complicadas (!), salvo que quede

Resumen