Skip to main content
4 de 4
adicionou 86 caracteres ao conteúdo
Luiz Felipe
  • 36,5mil
  • 10
  • 74
  • 154

A diferença é sutil que pode ser notada na documentação parseFloat:

The parseFloat function parses an argument (converting it to a string first if needed) and returns a floating point number.

Em tradução direta:

A função parseFloat faz o parse do argumento (convertendo-o para string primeiro, se necessário) e retorna um número de ponto flutuante.

Já o construtor Number simplesmente tenta fazer a coerção do valor passado para o tipo numérico. Isso não significa necessariamente fazer o parse, já que a coerção de tipos tem comportamento diferente de um parse.

O parse, eventualmente, poderá remover alguns caracteres que seriam inválidos ao se fazer uma simples coerção. Ao analisar a diferença dos algoritmos descritos na especificação essa diferença torna-se ainda mais evidente:

Note que, como Number faz a conversão de tipos, ele pode ser substituído pelo operador unário +, que tem a exata mesma função.

Vejamos alguns casos especiais (baseados nesta resposta do SOen) em exemplo:

  • Para qualquer entrada numérica válida, a saída será a mesma, já que esta pode ser parseada (por parseFloat) ou convertida (por Number) corretamente:

    parseFloat('3'); // 3
    Number('3'); // 3
    
    parseFloat('1.501'); // 1.501
    Number('1.501'); // 1.501
    
    parseFloat('1e10'); // 10000000000
    Number('1e10'); // 10000000000
    
  • Eventualmente, o valor passado para Number pode não ser corretamente convertido para o tipo numérico, mas ainda pode ser parseado corretamente. Um exemplo disso é quando a string contém caracteres adicionais:

    parseFloat('1x'); // 1
    Number('1x'); // NaN
    
  • Em relação aos literais numéricos da linguagem, parseFloat não consegue lidar strings que os representem, enquanto Number, sim. Isso significa que Number consegue converter da sintaxe literal de binário, octal e hexadecimal (assim como a decimal — já tratada anteriormente):

    parseFloat('0b10'); // 0
    Number('0b10'); // 2
    
    parseFloat('0o10'); // 0
    Number('0o10'); // 8
    
    parseFloat('0xf'); // 0
    Number('0xf');
    

    NO exemplo acima, parseFloat retorna 0 pois lê a string da esquerda para a direita até deixar de encontrar caracteres numéricos válidos. Como b, o e x são inválidos, o restante da string é ignorada após tais demarcações.

  • Em relação aos valores literais da linguagem, Number faz a conversão normalmente, enquanto parseFloat sempre retornará NaN. Por exemplo, ao passarmos booleanos:

    parseFloat(true); // NaN
    Number(true); // 1
    
    parseFloat(false); // NaN
    Number(false); // 0
    

    É por isso que se você passar uma string vazia para Number 0 será retornado.

Luiz Felipe
  • 36,5mil
  • 10
  • 74
  • 154