Operadores aritméticos, de asignación y de concatenación en JavaScript

Los operadores en JavaScript son fundamentales para realizar cálculos, asignar valores y combinar cadenas. En este blog, exploraremos los operadores aritméticos, de asignación y de concatenación, con ejemplos prácticos que te ayudarán a comprender cómo usarlos en tus proyectos.

Autor: José Alvarado
Publicado: hace alrededor de 2 meses
Operadores aritméticos, de asignación y de concatenación en JavaScript

¿Qué son los operadores en JavaScript?

Un operador es un símbolo o conjunto de símbolos que le indica al intérprete que realice una operación específica, como sumar, asignar un valor o combinar texto. Los operadores se agrupan en categorías según su propósito. Aquí veremos tres de las más usadas: aritméticos, de asignación y de concatenación.

Operadores aritméticos

Los operadores aritméticos se utilizan para realizar operaciones matemáticas sobre números. Aquí te muestro algunos de los más comunes:

1. Suma (+)

El operador de suma se utiliza para sumar dos o más valores en JavaScript. Por ejemplo:

let num1 = 5;
let num2 = 3;
let resultado = num1 + num2;

console.log(resultado); // salida: 8

2. Resta (-)

El operador de resta se utiliza para restar un valor de otro. Por ejemplo:

let num1 = 10;
let num2 = 5;
let resultado = num1 - num2;

console.log(resultado); // salida: 5

3. Multiplicación (*)

El operador de multiplicación se utiliza para multiplicar valores. Por ejemplo:

let num1 = 3;
let num2 = 4;

console.log(num1 * num2); // salida: 12

4. División (/)

El operador de división se utiliza para dividir un valor entre otro. Por ejemplo:

let num1 = 10;
let num2 = 2;

console.log(num1 / num2); // salida: 5

5. Módulo (%)

El operador de módulo se utiliza para obtener el residuo de una división. Por ejemplo:

let num1 = 10;
let num2 = 3;

console.log(num1 % num2); // salida: 1

6. Exponenciación (**)

El operador de exponenciación se utiliza para elevar un número a una potencia. Por ejemplo:

let num1 = 2;
let num2 = 3;

console.log(num1 ** num2); // salida: 8

Operadores de asignación

Los operadores de asignación permiten almacenar valores en una variable. El más básico es el signo igual =, pero también existen variantes que combinan asignación con otros operadores.

1. Asignación básica (=)

El operador de asignación básica se utiliza para almacenar un valor en una variable. Por ejemplo:

let num = 10;

console.log(num); // salida: 10

En este caso, el valor 10 se asigna a la variable num.

2. Asignación con suma (+=)

El operador de asignación con suma se utiliza para sumar un valor a una variable y almacenar el resultado en la misma variable. Por ejemplo:

let num = 5;
num += 3;

console.log(num); // salida: 8

En el ejemplo anterior, el valor de num se incrementa en 3.

3. Asignación con resta (-=)

El operador de asignación con resta se utiliza para restar un valor a una variable y almacenar el resultado en la misma variable. Por ejemplo:

let num = 10;
num -= 5;

console.log(num); // salida: 5

En este caso, el valor de num se reduce en 5.

4. Asignación con multiplicación (*=)

El operador de asignación con multiplicación se utiliza para multiplicar un valor por una variable y almacenar el resultado en la misma variable. Por ejemplo:

let num = 3;
num *= 4;

console.log(num); // salida: 12

En este caso, el valor de num se multiplica por 4.

5. Asignación con división (/=)

El operador de asignación con división se utiliza para dividir una variable por un valor y almacenar el resultado en la misma variable. Por ejemplo:

let num = 10;
num /= 2;

console.log(num); // salida: 5

En este caso, el valor de num se divide por 2.

6. Asignación con módulo (%=)

El operador de asignación con módulo se utiliza para obtener el residuo de una división y almacenar el resultado en la misma variable. Por ejemplo:

let num = 10;
num %= 3;

console.log(num); // salida: 1

7. Asignación con exponenciación (**=)

El operador de asignación con exponenciación se utiliza para elevar una variable a una potencia y almacenar el resultado en la misma variable. Por ejemplo:

let num = 2;
num **= 3;

console.log(num); // salida: 8

En este caso, el valor de num se eleva a la potencia de 3.

Operadores de concatenación

La concatenación es el proceso de unir dos o más cadenas (strings). En JavaScript, se utiliza el operador + para concatenar cadenas.

1. Concatenación de cadenas

El operador de concatenación + se utiliza para unir dos o más cadenas. Por ejemplo:

let nombre = "Juan";
let apellido = "Pérez";
let nombreCompleto = nombre + " " + apellido;

console.log(nombreCompleto); // salida: Juan Pérez

Otro ejemplo sería:

let saludo = "¡Hola, ";
let nombre = "José!";
let mensaje = saludo + nombre;

console.log(mensaje); // salida: ¡Hola, José!

Un dato importante es que a partir de ECMAScript 6, puedes usar lo que se conoce como template strings para concatenar cadenas de manera más sencilla y legible. Por ejemplo:

let saludo = "¡Hola";
let nombre = "José!";
let mensaje = `${saludo}, ${nombre} Bienvenido.`;

console.log(mensaje); // salida: ¡Hola, José! Bienvenido.

Pero esto no es todo, hasta ahora hemos visto los operadores aritméticos, de asignación y de concatenación, en un próximo blog veremos los operadores de comparación, logicos, unarios y ternarios. ¡No te lo pierdas!

Conclusión

Los operadores en JavaScript son herramientas esenciales para realizar cálculos, asignar valores y manipular cadenas. Dominar los operadores aritméticos, de asignación y de concatenación te permitirá escribir código más eficiente y legible.

¡Nos vemos en el próximo blog! 🧑‍💻

console.log("¡Gracias por leer!");