Operadores Aritméticos JavaScript

Resumo : neste tutorial, você aprenderá como usar operadores aritméticos JavaScript para realizar cálculos aritméticos.

Introdução aos operadores aritméticos JavaScript

JavaScript oferece suporte aos seguintes operadores aritméticos padrão:

Operador	Sinal
Adição	+
Subtração	-
Multiplicação	*
Divisão	/

Um operador aritmético aceita valores numéricos como operandos e retorna um único valor numérico. Os valores numéricos podem ser literais ou variáveis.

Operador de adição (+)

O operador de adição retorna a soma de dois valores. Por exemplo, o seguinte usa o operador de adição para calcular a soma de dois números:

let sum = 10 + 20;
console.log(sum); // 30Linguagem de código:  JavaScript  ( javascript )

Além disso, você pode usar o operador de adição com duas variáveis . Por exemplo:

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

console.log(grossPrice);Linguagem de código:  JavaScript  ( javascript )

Saída:

11.98Linguagem de código:  CSS  ( css )

Se um dos valores for uma string , o operador de adição usará as seguintes regras:

• Se ambos os valores forem strings, ele concatena a segunda string com a primeira.
• Se um valor for uma string, ele converte implicitamente o valor numérico em uma string e concatena duas strings.

Por exemplo, o seguinte usa o operador de adição para concatenar duas strings:

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

console.log(result);Linguagem de código:  JavaScript  ( javascript )

Saída:

1020

O exemplo a seguir mostra como usar o operador de adição para calcular a soma de um número e uma string:

let result = 10 + '20';

console.log(result);    Linguagem de código:  JavaScript  ( javascript )

Saída:

1020

Neste exemplo, o JavaScript converte o número 10em uma string '10'e concatena a segunda string '20'a ele.

A tabela a seguir mostra o resultado ao usar o operador de adição com números especiais:

Primeiro valor	Segundo valor	Resultado	Explicação
NaN		NaN	Se qualquer um dos valores for NaN, o resultado será NaN
Infinidade	Infinidade	Infinidade	Infinito + Infinito = Infinito
-Infinidade	-Infinidade	-Infinidade	-Infinito + ( -Infinito) = – Infinito
Infinidade	-Infinidade	NaN	Infinito + -Infinito = NaN
+0	+0	+0	+0 + (+0) = +0
-0	+0	+0	-0 + (+0) = +0
-0	-0	-0	-0 + (-0) = -0

Operador de subtração (-)

O operador de subtração ( -) subtrai um número de outro. Por exemplo:

let result = 30 - 10;
console.log(result); // 20Linguagem de código:  JavaScript  ( javascript )

Se um valor for uma string, booleano, nulo ou indefinido, o mecanismo JavaScript irá:

• Primeiro, converta o valor em um número usando a Number()função.
• Em segundo lugar, execute a subtração.

A tabela a seguir mostra como usar o operador de subtração com valores especiais:

Primeiro valor	Segundo valor	Resultado	Explicação
NaN		NaN	Se qualquer um dos valores for NaN, o resultado será NaN
Infinidade	Infinidade	NaN	Infinito – Infinito = NaN
-Infinidade	-Infinidade	-Infinidade	-Infinito – ( -Infinito) = NaN
Infinidade	-Infinidade	Infinidade	Infinidade
+0	+0	+0	+0 – (+0) = 0
+0	-0	-0	+0 – (-0) = 0
-0	-0	+0	-0 – (-0) = 0

Operador de multiplicação (*)

JavaScript usa o asterisco (*) para representar o operador de multiplicação. O operador de multiplicação multiplica dois números e retorna um único valor. Por exemplo:

let result = 2 * 3;
console.log(result);Linguagem de código:  JavaScript  ( javascript )

Saída:

6

Se um dos valores não for um número, o mecanismo JavaScript o converte implicitamente em um número usando a Number()função e realiza a multiplicação. Por exemplo:

let result = '5' * 2;

console.log(result);Linguagem de código:  JavaScript  ( javascript )

Saída:

10

A tabela a seguir mostra como o operador de multiplicação se comporta com valores especiais:

Primeiro valor	Segundo valor	Resultado	Explicação
NaN		NaN	Se qualquer um dos valores for NaN, o resultado será NaN
Infinidade	0	NaN	Infinito * 0 = NaN
Infinidade	Número positivo	Infinidade	-Infinito * 100 = -Infinito
Infinidade	Número negativo	-Infinidade	Infinito * (-100) = -Infinito
Infinidade	Infinidade	Infinidade	Infinito * Infinito = Infinito

Operador de divisão (/)

Javascript usa o /caractere barra () para representar o operador de divisão. O operador de divisão divide o primeiro valor pelo segundo. Por exemplo:

let result = 20 / 10;

console.log(result); // 2Linguagem de código:  JavaScript  ( javascript )

Se um dos valores não for um número, o mecanismo JavaScript o converte em um número para divisão. Por exemplo:

let result = '20' / 2;
console.log(result); // 10;Linguagem de código:  JavaScript  ( javascript )

A tabela a seguir mostra o comportamento dos operadores de divisão quando aplicados a valores especiais:

Primeiro valor	Segundo valor	Resultado	Explicação
NaN		NaN	Se qualquer um dos valores for NaN, o resultado será NaN
Um número	0	Infinidade	1/0 = Infinito
Infinidade	Infinidade	NaN	Infinito / Infinito = NaN
0	0	NaN	0/0 = NaN
Infinidade	Um número positivo	Infinidade	Infinito / 2 = Infinito
Infinidade	Um número negativo	-Infinidade	Infinito / -2 = -Infinito

Usando operadores aritméticos JavaScript com objetos

Se um valor for um objeto , o mecanismo JavaScript chamará o valueOf()método do objeto para obter o valor para cálculo. Por exemplo:

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);
Linguagem de código:  JavaScript  ( javascript )

Saída:

90
200
50
150

Se o objeto não tiver o valueOf()método, mas tiver o toString()método, o mecanismo JavaScript chamará o toString()método para obter o valor para cálculo. Por exemplo:

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);
Linguagem de código:  JavaScript  ( javascript )

Saída:

40
150
25
75

Resumo

• Use os operadores aritméticos JavaScript, incluindo adição ( +), subtração ( -), multiplicação ( *) e divisão ( /) para realizar operações aritméticas.