11

Eu queria que alguém me explicasse como funciona essa função. Por exemplo:

Qual a diferença de:

  var valor1 = 50;
  var valor2 = 40;
  var result = valor1 + valor2

Para:

  var valor1 = 50;
  var valor2 = 40;
  var result = parseFloat(valor1) + parseFloat(valor2);

1 Resposta 1

19

No exemplo que você deu, o parseFloat não está fazendo nada, pois você está passando valores inteiros pra dentro dela.

Ela serve para converter string em um valor de número com ponto flutuante (casas após a virgula em português, no caso do javascript o ponto).

Por exemplo:

var valorStr = '50.5';
var parseValorStr = parseFloat(valorStr);
typeof valorStr // string
typeof parseValorStr // number

Se você vai trabalhar com valores inteiros pode utilizar o parseInt, porém se a string que você está convertendo tiver um valor decimal, ele vai remover este valor.

parseInt('50.5'); // 50

Como o Javascript trabalha com tipagem fraca, também é possível converter um valor numérico dentro de uma string apenas usando um operador matemático, por exemplo:

var valor = '50.5';
typeof +valor // Number (neste caso 50.5)

Porém se na sua string contém caracteres alfabéticos, é importante o uso de parseFloat ou parseInt para manter a integridade da aplicação, pois se usar o + em uma string que contenha caracteres não numéricos, ele vai concatenar os valores e não soma-los.

Exemplo:

+'50.5' + 50; // 100.5
'50.5' + 50; // 50.550
parseFloat('50.5') + 50; // 100.5
parseInt('50.5') + 50; // 100
parseFloat('50.5a') + 50; // 100.5
'50.5a' + 50; // 50.5a50
+'50.5a' + 50; // NaN

No último caso onde eu tento adicionar uma operação matemática na string '50.5a' o javascript tenta converter para um valor numérico mas quando encontra a letra a ele interrompe a operação e retorna um valor que identifica como Não é um Número (NaN, Not a Number).

5
  • Você poderia editar sua reposta mostrando um exemplo funcional dele em uma operação matemática. Commented 20/03/2014 às 21:25
  • 1
    @SamirBraga adicionei exemplos :) Commented 20/03/2014 às 21:34
  • Muito Obrigado mesmo, agora fivou claro. Commented 20/03/2014 às 21:38
  • Muito boa explicação! Gabriel.
    – user13460
    Commented 21/07/2014 às 16:14
  • show de bola. a melhor explicação sobre esses erros que ocorrem que eu encontrei
    – user15428
    Commented 20/09/2014 às 22:24

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 .