Los operadores en JavaScript son herramientas fundamentales del lenguaje. Permiten realizar cálculos, asignar valores, comparar datos y crear condiciones lógicas que determinan el flujo de un programa.

Comprender cómo funcionan los operadores es esencial para escribir código funcional, ya que los usarás en prácticamente todos los programas que desarrolles.
En esta lección exploraremos los principales grupos de operadores:

• Aritméticos
• De asignación
• De comparación
• Lógicos

Cada uno incluye explicaciones claras, ejemplos prácticos y buenas prácticas recomendadas.

Operadores aritméticos en JavaScript

Los operadores aritméticos se usan para realizar operaciones matemáticas sobre valores numéricos o variables. Son los primeros que aprenderás al comenzar a programar, ya que te permiten manipular datos cuantitativos.

Ejemplo práctico

let a = 12;
let b = 5;

console.log(a + b);  // 17
console.log(a - b);  // 7
console.log(a * b);  // 60
console.log(a / b);  // 2.4
console.log(a % b);  // 2
console.log(a ** b); // 248832

let a = 12;
let b = 5;

console.log(a + b);  // 17
console.log(a - b);  // 7
console.log(a * b);  // 60
console.log(a / b);  // 2.4
console.log(a % b);  // 2
console.log(a ** b); // 248832

Incremento y decremento

Además de los operadores básicos, existen dos operadores especiales:

let x = 10; 
x++; // ahora vale 11 
--x; // vuelve a 10
console.log(x);

let x = 10; 
x++; // ahora vale 11 
--x; // vuelve a 10
console.log(x);

La diferencia entre ++x y x++ radica en cuándo se aplica el incremento:

• ++x incrementa antes de usar el valor.
• x++ incrementa después de usar el valor.

Operadores de asignación

Los operadores de asignación sirven para guardar un valor en una variable. El más común es =, pero existen combinaciones que permiten simplificar operaciones acumulativas.

Ejemplo básico

let total = 100;

total += 50; // 150
total -= 20; // 130
total *= 2;  // 260
total /= 4;  // 65
total %= 6;  // 5

console.log(total);

let total = 100;

total += 50; // 150
total -= 20; // 130
total *= 2;  // 260
total /= 4;  // 65
total %= 6;  // 5

console.log(total);

Estos operadores son muy útiles para contadores o acumuladores dentro de bucles, como en el siguiente ejemplo:

let contador = 0;

for (let i = 1; i <= 5; i++) {
  contador += i;
}

console.log(contador); // 15

let contador = 0;

for (let i = 1; i <= 5; i++) {
  contador += i;
}

console.log(contador); // 15

En este caso, contador += i acumula los valores del 1 al 5.

Operadores de comparación

Los operadores de comparación evalúan dos valores y devuelven un resultado booleano (true o false).
Son esenciales para tomar decisiones mediante estructuras como if, else o switch.

Ejemplo práctico

let edad = 18;

console.log(edad > 18);  // false
console.log(edad >= 18); // true
console.log(edad == "18");  // true
console.log(edad === "18"); // false

let edad = 18;

console.log(edad > 18);  // false
console.log(edad >= 18); // true
console.log(edad == "18");  // true
console.log(edad === "18"); // false

La diferencia entre == y === es importante.
El operador == convierte los tipos de datos antes de comparar, mientras que === compara tipo y valor exactamente.

Por ejemplo:

console.log(0 == false);  // true (conversión implícita)
console.log(0 === false); // false (tipos diferentes)

console.log(0 == false);  // true (conversión implícita)
console.log(0 === false); // false (tipos diferentes)

Por buenas prácticas, usa siempre === y !== para evitar comportamientos inesperados.

Comparaciones encadenadas

Puedes usar comparaciones dentro de condiciones:

let temperatura = 25;

if (temperatura >= 20 && temperatura <= 30) {
  console.log("El clima es agradable");
}

let temperatura = 25;

if (temperatura >= 20 && temperatura <= 30) {
  console.log("El clima es agradable");
}

Aquí se usan operadores de comparación junto con operadores lógicos, que veremos a continuación.

Operadores lógicos

Los operadores lógicos combinan condiciones booleanas y devuelven true o false. Son esenciales para construir expresiones más complejas.

Ejemplo con condiciones

let usuario = "Sofía";
let edad = 20;

if (usuario === "Sofía" && edad >= 18) {
  console.log("Acceso permitido");
}

if (usuario === "Admin" || edad >= 18) {
  console.log("Puede ingresar");
}

let tienePermiso = false;
if (!tienePermiso) {
  console.log("Acceso denegado");
}

let usuario = "Sofía";
let edad = 20;

if (usuario === "Sofía" && edad >= 18) {
  console.log("Acceso permitido");
}

if (usuario === "Admin" || edad >= 18) {
  console.log("Puede ingresar");
}

let tienePermiso = false;
if (!tienePermiso) {
  console.log("Acceso denegado");
}

Operadores lógicos con valores no booleanos

En JavaScript, los operadores lógicos también se pueden aplicar a valores no booleanos.
El resultado dependerá de si el valor se considera truthy (verdadero) o falsy (falso).

Valores falsy: 0, "", null, undefined, NaN, false
Todos los demás valores son truthy.

Ejemplo:

let nombre = "";
let usuarioFinal = nombre || "Invitado";

console.log(usuarioFinal); // "Invitado"

let nombre = "";
let usuarioFinal = nombre || "Invitado";

console.log(usuarioFinal); // "Invitado"

El operador || devuelve el primer valor verdadero que encuentra, mientras que && devuelve el primer valor falso.

console.log(false && "Hola"); // false
console.log(true && "Hola");  // "Hola"

console.log(false && "Hola"); // false
console.log(true && "Hola");  // "Hola"

Resumen general

Conclusión

Los operadores son la base del pensamiento lógico en programación.
Gracias a ellos, puedes construir desde simples cálculos hasta decisiones complejas dentro de tus aplicaciones.

Dominar estos conceptos te prepara para avanzar hacia estructuras condicionales, bucles y funciones, temas esenciales en el flujo de control de cualquier programa.

Para seguir aprendiendo:

• Expresiones y operadores en JavaScript – MDN
• Tipos de datos y valores truthy/falsy
• Estructuras condicionales en JavaScript