Convertendo strings em números e vice-versa em JavaScript

Como converter strings em números e vice-versa?

Em JavaScript, é comum precisar converter valores entre diferentes tipos de dados. Uma das conversões mais frequentes é entre strings e números. Felizmente, o JavaScript oferece várias formas de realizar essas conversões de forma simples e eficiente.

Convertendo Strings em Números

Para converter uma string em um número, o JavaScript fornece alguns métodos práticos, sendo o mais comum o uso da função Number(). Essa função tenta converter uma string para um número, retornando NaN (Not-a-Number) se a string não puder ser convertida em um número.

Exemplo de código para converter string em número:

let numeroString = '123';
let numero = Number(numeroString);
console.log(numero);  // Exibe 123

Neste exemplo, a string '123' é convertida para o número 123 usando a função Number(). Caso a string não seja um número válido, como em 'abc', o resultado seria NaN.

Outras formas de conversão para número

Além do Number(), existem outras formas de converter strings em números:

• Usando o operador unário +:

let numeroString = '456';
let numero = +numeroString;
console.log(numero);  // Exibe 456

O operador + é uma maneira rápida de tentar converter uma string para número.

• Usando parseInt() ou parseFloat():

let inteiro = parseInt('123.45');
let flutuante = parseFloat('123.45');
console.log(inteiro);  // Exibe 123
console.log(flutuante);  // Exibe 123.45

parseInt() converte a string para um número inteiro, enquanto parseFloat() converte para um número de ponto flutuante. Ambos podem lidar com números decimais, mas parseInt() truncará a parte decimal.

Convertendo Números em Strings

Para converter um número em uma string, o JavaScript também oferece várias opções. O método mais direto é usar a função String(), que converte qualquer valor em uma string.

Exemplo de código para converter número em string:

let numero = 123;
let numeroString = String(numero);
console.log(numeroString);  // Exibe '123'

Outro método simples é usar o método toString():

let numero = 456;
let numeroString = numero.toString();
console.log(numeroString);  // Exibe '456'

Além disso, você pode usar a concatenação de uma string vazia para realizar a conversão:

let numero = 789;
let numeroString = numero + '';
console.log(numeroString);  // Exibe '789'

Converter de forma segura

Embora as conversões de tipo em JavaScript sejam simples, é importante garantir que você está lidando com valores válidos. Por exemplo, ao usar parseInt() ou parseFloat(), é possível que a conversão não aconteça corretamente se a string contiver caracteres não numéricos.

Exemplo de código com erro:

let invalido = parseInt('abc123');
console.log(invalido);  // Exibe NaN

Aqui, o parseInt() retorna NaN porque não consegue interpretar a string como um número. Para evitar isso, você pode verificar se o valor é realmente um número usando a função isNaN():

let valor = 'abc';
if (isNaN(valor)) {
  console.log('Valor não é um número válido!');
}

Conclusão

Converter entre strings e números em JavaScript é uma tarefa comum, e as ferramentas fornecidas pela linguagem são fáceis de usar. Ao trabalhar com entradas de usuário, cálculos ou manipulação de dados, é essencial entender como fazer essas conversões corretamente. Ao usar Number(), parseInt(), parseFloat() e String(), você pode garantir que seu código manipule os tipos de dados de forma eficiente.

Como evitar erros ao converter strings e números em JavaScript

A conversão entre tipos de dados é uma parte essencial da programação em JavaScript, especialmente ao lidar com entradas de usuário, APIs ou dados em diferentes formatos. Saber quando e como converter strings em números e vice-versa pode evitar erros e melhorar a eficiência do seu código. Além disso, entender como as funções de conversão funcionam, como parseInt() e parseFloat(), pode ajudá-lo a lidar melhor com números em formatos não numéricos. Lembre-se de sempre verificar se a conversão foi bem-sucedida para evitar problemas como o retorno de NaN.

Algumas aplicações:

• Manipular entradas de usuário, convertendo strings para números para cálculos e operações matemáticas.
• Trabalhar com APIs que retornam dados em formato de string, convertendo-os para o tipo adequado.
• Gerar relatórios ou exibir resultados numéricos como texto em interfaces de usuário.
• Converter números para strings para fins de formatação ou exibição em páginas web.

Dicas para quem está começando

• Certifique-se de que está convertendo valores corretamente antes de realizar cálculos com eles.
• Use isNaN() para verificar se uma conversão de string para número falhou.
• Evite converter valores para strings diretamente ao trabalhar com cálculos; faça a conversão apenas quando necessário para exibição.
• Pratique usando parseInt(), parseFloat(), e String() para se familiarizar com essas conversões de tipo.

Contribuições de

Isabela Oliveira

Desenvolvedora front-end focada em JavaScript e experiência de usuário (UX).

Mais sobre o autor

Compartilhe este tutorial