Operadores Básicos en JavaScript
Cuando trabajamos con JavaScript, uno de los recursos más utilizados en cualquier lenguaje de programación son los operadores. Se trata de símbolos que nos permiten realizar operaciones sobre uno o más valores, como números, aunque también pueden aplicarse a otros tipos de datos.
Para comprenderlos mejor, analizaremos los distintos tipos que se utilizan con frecuencia:
Tipo de operador | Función principal |
---|---|
Aritméticos y unarios | Realizan operaciones matemáticas o manipulan un único valor. |
De asignación | Sirven para almacenar valores en variables. |
De comparación | Comparan dos elementos para devolver un valor booleano. |
Binarios | Operan a bajo nivel usando bits. |
Nullish coalescing | Devuelve un valor si una variable es null o undefined . |
Encadenamiento opcional | Ejecuta una expresión solo si existe cierta propiedad en un objeto. |
Lógicos | Evalúan condiciones booleanas compuestas. |
Operadores aritméticos
Estos operadores permiten realizar cálculos básicos entre dos valores. Los más comunes son:
Operación | Símbolo | Función |
---|---|---|
Suma | + | Añade dos valores. |
Resta | - | Sustrae un valor de otro. |
Multiplicación | * | Multiplica dos valores. |
División | / | Divide un valor entre otro. |
Módulo | % | Devuelve el resto de la división. |
Exponenciación | ** | Eleva un número a la potencia de otro (equivale a Math.pow ). |
Aunque los más comunes son los cuatro primeros, el operador módulo y la exponenciación son muy útiles en situaciones específicas.
Ejemplo con módulo:
javascriptCopiarEditarconst numeros = [10, 20, 30, 40, 50, 60, 70, 80];
for (let i = 0; i < numeros.length; i++) {
const mod = i % 2;
console.log(numeros[i], numeros[mod]);
}
El índice mod
alternará entre 0 y 1, haciendo que se impriman de manera cíclica los dos primeros elementos del arreglo.
Operadores de asignación
Los operadores de asignación nos permiten establecer el valor de una variable. El operador principal es =
, pero también existen versiones combinadas que realizan una operación y asignación al mismo tiempo:
Operación | Forma abreviada | Equivalente a |
---|---|---|
Suma y asignación | a += b | a = a + b |
Resta y asignación | a -= b | a = a - b |
Multiplicación y asignación | a *= b | a = a * b |
División y asignación | a /= b | a = a / b |
Módulo y asignación | a %= b | a = a % b |
Potencia y asignación | a **= b | a = a ** b |
Estas formas resumidas son especialmente útiles cuando modificamos el valor de una variable en función de su valor anterior.
Operadores unarios
Los operadores unarios actúan sobre un solo valor. Son comunes en bucles y cálculos incrementales:
Operador | Descripción |
---|---|
a++ | Incrementa a después de usarlo (post-incremento). |
a-- | Decrementa a después de usarlo (post-decremento). |
++a | Incrementa a antes de usarlo (pre-incremento). |
--a | Decrementa a antes de usarlo (pre-decremento). |
-a | Invierte el signo del valor de a . |
Comparación entre pre y post incremento
javascriptCopiarEditarlet a = 0;
while (a < 5) {
console.log(a, a++, a);
}
En este ejemplo, a++
incrementa el valor después de mostrarlo. Si se reemplaza por ++a
, el incremento se realiza antes de mostrar el valor. El resultado es diferente según el orden de operación.
| a | a++ | a | | a | ++a | a |
|—|—–|—-| |—|—–|—-|
| 0 | 0 | 1 | vs | 0 | 1 | 1 |
| 1 | 1 | 2 | | 1 | 2 | 2 |
Este comportamiento solo es relevante cuando se usa el valor inmediatamente, ya que en líneas independientes no hay diferencia funcional notable.