Teoría: Operador ternario

A veces, en JavaScript usamos if y else para que el programa tome decisiones. Pero también existe una forma más corta y elegante de hacerlo en casos simples: el operador ternario.

¿Positivo o negativo?

Imagina que estás haciendo una app que convierte temperaturas. Y necesitas saber si un número es positivo o negativo. Aquí hay una función clásica:

const abs = (numero) => {
  if (numero >= 0) {
    return numero;
  }
  return -numero;
};

console.log(abs(10));   // 10
console.log(abs(-10));  // 10

👉 Esta función devuelve el valor absoluto: siempre positivo. Ahora vamos a acortarla con el operador ternario.

¿Qué es el operador ternario?

<condición> ? <valor si es verdadero> : <valor si es falso>

En nuestra función de valor absoluto, podemos reemplazar el if-else así:

const abs = (numero) => numero >= 0 ? numero : -numero;

👉 Se lee así: “Si el número es mayor o igual a 0, devuélvelo tal cual. Si no, cambia el signo.”

Otro ejemplo: ¿es una pregunta?

Imagina que estás creando un chatbot y necesitas saber si la persona está haciendo una pregunta (para responder distinto).

const getTipoOracion = (texto) => {
  const ultimoCaracter = texto.slice(-1);

  return ultimoCaracter === '?' ? 'pregunta' : 'normal';
};

console.log(getTipoOracion('¿Qué hora es?')); // 'pregunta'
console.log(getTipoOracion('Hola'));          // 'normal'

Aquí usamos .slice(-1) para tomar el último carácter. Si es ?, sabemos que es una pregunta.

Podemos escribir esto de una manera más compacta:

const getTypeOfSentence = (sentence) => {
  const lastChar = sentence.slice(-1);
  return lastChar === '?' ? 'question' : 'normal';
};

console.log(getTypeOfSentence('Hodor'));   // 'normal'
console.log(getTypeOfSentence('Hodor?'));  // 'question'

¿Y si hay más de dos opciones?

El operador ternario también permite hacer esto:

const clasificarNumero = (n) =>
  n > 0 ? 'positivo' : n < 0 ? 'negativo' : 'cero';

Usa el operador ternario cuando haga que tu código sea más claro, pero siempre prioriza la legibilidad.