5

Ao fazer a declaração de mais de uma variável do mesmo tipo em uma linha, eu consigo posteriormente fazer operações aritméticas com esses valores. Ex.:

let num1 = 10, num2 = 5, num3= 10;

let resultado = num1 + num2 + num3;

console.log(resultado); //O resultado será 25

Porém, se eu alterar o tipo da primeira variável num1 para string e tentar realizar a mesma operação:

let num1 = "10", num2 = 5, num3 = 10;

let resultado = num1 + num2 + num3;

console.log(resultado); //O resultado será 10510

Por que esse comportamento ocorre? Por que todas as variáveis são convertidas?

4
  • Primeira observação: Quando uma variável string inicia,isso acontece,agora se for depois não e alguns caso dar NaN. 2/08/2019 às 13:35
  • 1
  • 1
    Eu posso te dar exemplo: "2"+2="22"; 2+2+"2"="42" 2/08/2019 às 13:44
  • 1
    Acho que vale ressaltar que o fato das variáveis estarem declaradas na mesma linha não faz diferença nenhuma, o que importa é somente o tipo delas.
    – hkotsubo
    2/08/2019 às 13:46

2 Respostas 2

8

Isso acontece porque ao encontrar um valor texto, todo o restante é tratado como texto porque o sinal de operação + se transforma na operação de concatenar.

Mas repare que isso só ocorre ao encontrar um texto, veja esse exemplos que as operações antes são realizadas, e as posteriores (ao texto) são todas tratadas como texto:

console.log(10+20+30+40);  // tudo somado
console.log(10+20+30+"40"); // 10+20+30 somado, depois concatenado
console.log(10+20+"30"+40); // 10+20 somado, depois concatenado
console.log(10+"20"+30+40); // tudo concatenado
console.log("10"+20+30+40); // tudo concatenado

4

Complementando a resposta do Ricardo, o fato das variáveis estarem declaradas na mesma linha não faz diferença nenhuma. Se estiver assim, dá o mesmo resultado:

let num1 = "10";
let num2 = 5;
let num3 = 10;

let resultado = num1 + num2 + num3;

console.log(resultado); // 10510

Pois o que define se o + será tratado como "soma" ou "concatenação" é o tipo das variáveis envolvidas na operação.

Se quiser forçar que num1 seja um número, basta usar parseInt:

let num1 = "10";
let num2 = 5;
let num3 = 10;

let resultado = parseInt(num1) + num2 + num3;

console.log(resultado); // 25

3
  • 1
    boa, e gostei desse link dos "tipos de variáveis" bons exemplos 2/08/2019 às 14:22
  • @RicardoPontual JavaScript tem umas bizarrices, né? O que acontece se somar [] + {}? É o mesmo que {} + []? Respostas: destroyallsoftware.com/talks/wat
    – hkotsubo
    2/08/2019 às 14:27
  • 1
    é verdade, acho que por não ser tá bem tipada, a linguagem permite essas coisas bizarras, dai os bugs mais sinistros aparecem :) 2/08/2019 às 23:11

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .