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); // 30
Linguagem 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.98
Linguagem 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 10
em 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); // 20
Linguagem 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); // 2
Linguagem 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.