Como converter string para number em JavaScript: guia de conversão de string emnúmero

Ao trabalhar com JavaScript, é comum precisar transformar string em número JavaScript, por exemplo, quando recebemos valores de um formulário HTML.

Neste artigo, você vai aprender como converter string para number em JavaScript utilizando diferentes métodos. Recentemente, desenvolvi uma aplicação para descobrir qual seria o novo salário de um funcionário baseado na porcentagem de aumento que ele recebeu. 

const salario = pegaSalarioDoFuncionario();  const aumento = 20;  const novoSalario = ((salario * aumento)/100) + salario;  console.log( "Seu novo salario é: " +novoSalario );

Esse é um cenário típico quando precisamos converter string para number JavaScript, especialmente ao lidar com inputs vindos do HTML. Se não fizermos essa conversão, operações matemáticas podem não funcionar corretamente. 

Apesar de o JavaScript ser uma linguagem fracamente tipada, e permitir operações como subtração, divisão e multiplicação envolvendo strings que representam números, ao usar o operador de soma (+) entre strings, o JavaScript realiza a concatenação ao invés da soma numérica.

Por isso, transformar string em número JavaScript antes de realizar cálculos é essencial. 

Principais funções para converter string em number JavaScript: parseInt(), parseFloat() e alternativas  

Se você está buscando como converter string para number JavaScript, saiba que existem várias formas para isso. Os métodos mais comuns são parseInt(), parseFloat() e o uso do operador +, além da função Number(). 

Em JavaScript, temos uma das maneiras mais conhecidas de converter string em número inteiro: utilizando a função parseInt(). Ela analisa a string e retorna um inteiro. Isto é útil ao lidar com string to int JavaScript ou js string to int, como nos exemplos abaixo:

const salario = pegaSalarioDoFuncionario();  const salarioFormatado =  parseInt(salario);  const aumento = 20;  const novoSalario = ( salario * aumento)/100) + salarioFormatado;  console.log( "Seu novo salário é: " + novoSalario );

Como cálculos envolvendo salário geralmente utilizam representação de pontos flutuantes, isto é, contém casas decimais, podemos utilizar a função `parseFloat()` que vai justamente analisar a string e retornar um número com representação decimal, ou seja, com ponto flutuante. 

const salario = pegaSalarioDoFuncionario();  const aumento = 0.9;  const salarioFormatado = parseFloat(salario);  const novoSalario = ( salario * aumento)/100) + salarioFormatado;  console.log( "Seu novo salário é: " +novoSalario );

Por que converter string para number em JavaScript é importante

Como vimos, saber transformar string em número JavaScript é fundamental para realizar operações matemáticas corretamente ao receber inputs do usuário. Outras funções úteis incluem Number(string), ou usar o operador unário +string, ambas alternativas válidas para string to number JS.

Tendo em vista que em algumas vezes iremos capturar dados dos usuários para realizar alguma operação de adição, temos que lembrar que em muitas dessas vezes esses inputs virão em formato de string. 

Portanto, para não correr o risco de acabar concatenando esses dados ao invés de realizar uma soma, é sempre importante lembrar de utilizar as funções `parseInt()` ou `parseFloat()` dependendo do tipo de número que será utilizado para realizar as operações. 

Se ficou interessado em como o JavaScript funciona e como você pode utilizá-lo melhor, aqui na Alura temos uma formação em desenvolvimento JavaScript. Nela, você verá como programar em JavaScript, utilizar expressões regulares, entre outras coisas. 

Para aprender mais, confira também os materiais relacionados:

Cursos JavaScript na Alura,

Artigo: Operadores em JavaScript,

Como utilizar operadores de comparação em Javascript e o

site oficial do MDN Web Docs sobre conversões de tipo em JavaScript.

Avalie este artigo 

✨ Agradecemos pela sua avaliação! ✨