Operadores - Tutorial de Introducción a la Programación

Resumen Rápido

Los operadores realizan trabajo sobre valores: aritmética (+, -, *, /), comparaciones (>, ===) y verificaciones lógicas (&&, ||). En JavaScript, algunos operadores pueden hacer coerción de tipos, así que prefiere comparaciones estrictas (===) cuando quieras resultados predecibles.

Tipos de Operadores

Operadores Aritméticos

Realizan cálculos matemáticos:

| Operador | Nombre | Ejemplo | Resultado | |----------|--------|---------|-----------| | + | Suma | 5 + 3 | 8 | | - | Resta | 5 - 3 | 2 | | * | Multiplicación | 5 * 3 | 15 | | / | División | 15 / 3 | 5 | | % | Módulo (resto) | 17 % 5 | 2 | | ** | Exponenciación | 2 ** 3 | 8 |

Operadores de Asignación

Asignan y modifican valores:

let x = 10;    // Assignment
x += 5;        // x = x + 5 → 15
x -= 3;        // x = x - 3 → 12
x *= 2;        // x = x * 2 → 24
x /= 4;        // x = x / 4 → 6
x++;           // x = x + 1 → 7 (increment)
x--;           // x = x - 1 → 6 (decrement)

Operadores de Comparación

Comparan valores y devuelven booleano:

| Operador | Significado | Ejemplo | |----------|-------------|---------| | === | Igualdad estricta | 5 === 5 → true | | !== | Desigualdad estricta | 5 !== "5" → true | | == | Igualdad flexible (evitar) | 5 == "5" → true | | > | Mayor que | 5 > 3 → true | | < | Menor que | 3 < 5 → true | | >= | Mayor o igual | 5 >= 5 → true | | <= | Menor o igual | 3 <= 5 → true |

Operadores Lógicos

Combinan expresiones booleanas:

// AND - both must be true
true && true   // true
true && false  // false

// OR - at least one must be true
true || false  // true
false || false // false

// NOT - inverts the value
!true  // false
!false // true

Operadores de String

const firstName = "John";
const lastName = "Doe";
const fullName = firstName + " " + lastName; // Concatenation

Pruébalo Tú Mismo

Aquí tienes un ejemplo práctico que puedes probar. Copia este código y ejecútalo en la consola de tu navegador (presiona F12 para abrir las herramientas de desarrollo) o en el Playground de Código.

// Arithmetic operators
const sum = 10 + 5;        // 15
const difference = 10 - 5;  // 5
const product = 10 * 5;     // 50
const quotient = 10 / 5;    // 2
const remainder = 17 % 5;   // 2 (modulo)
const power = 2 ** 4;       // 16 (exponentiation)

// Comparison operators (prefer strict ===)
const isEqual = 5 === 5;           // true
const isNotEqual = 5 !== "5";      // true (different types)
const isGreater = 10 > 5;          // true
const isLessOrEqual = 5 <= 5;      // true

// Logical operators
const hasAccess = isLoggedIn && hasPermission; // AND
const showBanner = isNew || isPromo;           // OR
const isHidden = !isVisible;                   // NOT

// Compound assignment
let score = 100;
score += 10;  // score is now 110
score -= 20;  // score is now 90
score *= 2;   // score is now 180

Puntos Clave

✓Combina valores con aritmética y comparaciones.
✓Practica con ejemplos de código reales para solidificar tu comprensión
✓Este concepto construye la base para temas más avanzados