Operadores aritméticos de JavaScript

Resumen: en este tutorial, aprenderás cuales son y cómo usar los operadores aritméticos de JavaScript para realizar cálculos aritméticos.

Introducción a los operadores aritméticos de JavaScript

JavaScript admite los siguientes operadores aritméticos estándar:

Un operador aritmético acepta valores numéricos como operandos y devuelve un único valor numérico. Los valores numéricos pueden ser literales o variables.

Operador de suma (+)

El operador de suma devuelve la suma de dos valores. Por ejemplo, lo siguiente usa el operador de suma para calcular la suma de dos números:

let sum = 10 + 20;
console.log(sum); // 30

Además, puedes usar el operador de suma con dos variables. Por ejemplo:

let netPrice    = 9.99,
    shippingFee = 1.99;
let grossPrice  = netPrice + shippingFee;

console.log(grossPrice);

Resultado:

11.98

Si cualquiera de los valores es una cadena, el operador de suma usa las siguientes reglas:

• Si ambos valores son cadenas, concatena la segunda cadena con la primera.
• Si un valor es una cadena, implícitamente convierte el valor numérico en una cadena y concatena dos cadenas.

Por ejemplo, lo siguiente usa el operador de suma para sumar concatenar dos cadenas:

let x = '10',
    y = '20';
let result = x + y;

console.log(result);

Resultado:

1020

El siguiente ejemplo muestra cómo usar el operador de suma para calcular la suma de un número y una cadena:

let result = 10 + '20';

console.log(result);    

Resultado:

1020

En este ejemplo, JavaScript convierte el número 10 en una cadena '10' y le concatena la segunda cadena '20'.

La siguiente tabla muestra el resultado cuando se usa el operador de suma con números especiales:

Operador de resta (-)

El operador de resta (-) resta un número de otro. Por ejemplo:

let result = 30 - 10;
console.log(result); // 20

Si un valor es una cadena, un valor booleano, nulo o indefinido, el motor de JavaScript:

• Primero, convierte el valor a un número usando la función Number().
• Segundo, realiza la resta.

La siguiente tabla muestra cómo usar el operador de resta con valores especiales:

Operador de multiplicación (*)

JavaScript usa el asterisco (*) para representar el operador de multiplicación. El operador de multiplicación multiplica dos números y devuelve un solo valor. Por ejemplo:

let result = 2 * 3;
console.log(result);

Resutlado:

6

Si alguno de los valores no es un número, el motor de JavaScript lo convierte implícitamente en un número utilizando la función Number() y realiza la multiplicación. Por ejemplo:

let result = '5' * 2;
console.log(result);

Resultado:

10

La siguiente tabla muestra cómo se comporta el operador de multiplicación con valores especiales:

Operador de división (/)

Javascript usa el carácter de barra inclinada (/) para representar el operador de división. El operador de división divide el primer valor por el segundo. Por ejemplo:

let result = 20 / 10;
console.log(result); // 2

Si alguno de los valores no es un número, el motor de JavaScript lo convierte en un número para la división. Por ejemplo:

let result = '20' / 2;
console.log(result); // 10;

La siguiente tabla muestra el comportamiento de los operadores de división cuando se aplican a valores especiales:

Uso de operadores aritméticos de JavaScript con objetos

Si un valor es un objeto, el motor de JavaScript llamará al método valueOf() del objeto para obtener el valor para el cálculo. Por ejemplo:

let energy = {
  valueOf() {
    return 100;
  },
};

let currentEnergy = energy - 10;
console.log(currentEnergy);

currentEnergy = energy + 100;
console.log(currentEnergy);

currentEnergy = energy / 2;
console.log(currentEnergy);

currentEnergy = energy * 1.5;
console.log(currentEnergy);

Resultado:

90
200
50
150

Si el objeto no tiene el método valueOf() pero tiene el método toString(), el motor de JavaScript llamará al método toString() para obtener el valor para el cálculo. Por ejemplo:

let energy = {
  toString() {
    return 50;
  },
};

let currentEnergy = energy - 10;
console.log(currentEnergy);

currentEnergy = energy + 100;
console.log(currentEnergy);

currentEnergy = energy / 2;
console.log(currentEnergy);

currentEnergy = energy * 1.5;
console.log(currentEnergy);

Resultado:

40
150
25
75

Resumen

Utiliza los operadores aritméticos de JavaScript que incluyen suma (+), resta (-), multiplicación (*) y división (/) para realizar operaciones aritméticas.