JavaScript

Qual a diferença de parseInt() e Number() em JavaScript

1 de janeiro de 2021

Qual a diferença de parseInt() e Number() em JavaScript

Neste artigo você vai aprender qual a diferença de parseInt() e Number() em JavaScript, para conversão de valores para tipos numéricos

Qual a diferença de parseInt() e Number() capa

Conteúdo disponível em vídeo também:

Fala programador(a), beleza? Bora aprender mais sobre conversão de números em JavaScript!

A função parseInt e o objeto Number são completamente diferentes, porém tem uma utilização que faz uma intersecção nos dois

A utilização é para converter valores não numéricos em números, veja alguns exemplos práticos:

console.log(Number('12')); // 12
console.log(Number('asd')); // NaN

console.log(parseInt('12')); // 12
console.log(parseInt('asd')); // NaN

Note que os valores que podem ser convertidos viram números, já os que não viram NaN (Not a Number)


Mas nas duas abordagens há a tentativa de conversão de valores que supostamente são numéricos para o tipo Number de JavaScript

Outra curiosidade é que o Number converte até números com pontos flutuantes, já o parseInt arredonda, pois ele converte o valor para valores inteiros apenas

Veja um exemplo da situação:

console.log(Number('12.7')); // 12.7

console.log(parseInt('12.7')); // 12

Nesta situação Number é mais interessante pois manteve o valor de forma integral, entregando para nós um float

Já o parseInt cortou a casa após a vírgula, e como esperado nos entregou um número inteiro

Outra situação interessante é com expoentes, o Number consegue converter normalmente e o parseInt não compreende a expressão

Veja o exemplo:

console.log(Number('1e4')); // 10000

console.log(parseInt('1e4')); // 1

Conclusão

Neste artigo aprendemos a diferença entre parseInt e Number em JavaScript

A função e o objeto tem particularidades muito interessantes, uma vez que Number consegue lidar com qualquer tipo de número

Já parseInt apenas com números inteiros, fazendo sua conversão para valores sem nada após a vírgula

Confira também nosso catálogo de cursos gratuitos, com aulas semanais no YouTube

Subscribe
Notify of
guest
0 Comentários
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x