7

Quando preciso transformar uma string em número no Javascript, posso usar tanto o objeto Number como a função parseFloat.

Exemplo:

var numero = "1.5";

console.log(Number(numero));
console.log(parseFloat(numero));

Porém eu gostaria de saber se existe algum caso onde uma outra têm comportamentos diferentes.

  • Quais das duas devo preferir para converter uma string em um Number do tipo float?
  • Existe alguma diferença entre ambas?
1

2 Respostas 2

8

Tem diferença em alguns casos.

Para string vazia ou contendo somente espaços, ou para null, Number retorna zero e parseFloat retorna NaN:

var numero = ""; // string vazia
console.log(Number(numero)); // 0
console.log(parseFloat(numero)); // NaN

numero = "    ";
console.log(Number(numero)); // 0
console.log(parseFloat(numero)); // NaN

numero = null;
console.log(Number(numero)); // 0
console.log(parseFloat(numero)); // NaN

Outra diferença é no algoritmo: parseFloat vai lendo os caracteres da string até encontrar algo que não seja reconhecido como parte de um número, como o sinal de menos e o ponto - que é o separador decimal - além do "e" seguido de números, que é parte da notação científica, e faz o parsing somente da parte que conseguiu ler. Number não faz isso, e retorna NaN se a string tiver caracteres que não estão entre esses já citados:

var numero = "123abc";
console.log(Number(numero)); // NaN
console.log(parseFloat(numero)); // 123

numero = "-123.45abc";
console.log(Number(numero)); // NaN
console.log(parseFloat(numero)); // -123.45

numero = "1.23e3abc"; // 1.23e3 é 1230 em notação científica
console.log(Number(numero)); // NaN
console.log(parseFloat(numero)); // 1230


Lembrando que ambos ignoram os espaços no início e fim da string (ou seja, espaços no início ou fim não caem na regra acima, de "caracteres inválidos"):

var numero = "   123   ";
console.log(Number(numero)); // 123
console.log(parseFloat(numero)); // 123

5

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.

2
  • 1
    A ideia de fazer essa pergunta era ter uma resposta, justamente para ajudar naquela outra que respondemos aqui, kkkkkk. +1 Commented 27/10/2020 às 18:06
  • 2
    Boa, tinha esquecido dos números em outras bases...
    – hkotsubo
    Commented 27/10/2020 às 18:34

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 .