Como converter string para float em JavaScript

Neste artigo você vai aprender a como converter string para float com a linguagem JavaScript, utilizando uma simples abordagem!

Fala programador(a), beleza? Bora aprender mais sobre strings em JavaScript!

Hoje vamos falar sobre como converter strings para floats em JavaScript.

Às vezes, você pode ter uma string com um número que precisa ser tratado como ponto flutuante (float) para ser usado em cálculos ou outras operações.

Existem algumas maneiras de fazer isso e vamos apresentar algumas delas aqui.

Usar o método parseFloat()

O método parseFloat() é uma das maneiras mais simples de converter uma string em um float em JavaScript.

Ele aceita uma string como argumento e tenta retornar um número de ponto flutuante.

Se a string não puder ser convertida em um número válido, o método retornará NaN (Not a Number).

Veja o exemplo abaixo:

const str = "3.14";
const num = parseFloat(str);
console.log(num); // 3.14
console.log(typeof num); // "number"

Usar o método Number()

Outra opção é usar o método Number() para converter uma string em um float.

Ele também aceita uma string como argumento e tenta retornar um número.

Se a string não puder ser convertida em um número válido, o método retornará NaN.

Veja o exemplo abaixo:

const str = "3.14";
const num = Number(str);
console.log(num); // 3.14
console.log(typeof num); // "number"

Usar o operador +

O operador + também pode ser usado para converter uma string em um float em JavaScript.

Quando usado com uma string, o operador tenta converter a string em um número.

Se a string não puder ser convertida em um número válido, o resultado será NaN.

Veja o exemplo abaixo:

const str = "3.14";
const num = +str;
console.log(num); // 3.14
console.log(typeof num); // "number"

Usar a função Number.parseFloat() (ES6)

A partir do ECMAScript 6 (ES6), é possível usar a função Number.parseFloat() para converter uma string em um float em JavaScript.

Ela funciona da mesma maneira que o método parseFloat(), mas é um pouco mais legível.

Veja o exemplo abaixo:

const str = "3.14";
const num = Number.parseFloat(str);
console.log(num); // 3.14
console.log(typeof num); // "number"

Deixe um comentário contando o que achou deste artigo 🙂

Quer aprender mais sobre JavaScript? Confira o vídeo abaixo:

Conclusão

Existem diversas maneiras de converter strings para floats em JavaScript.

Você pode usar métodos como parseFloat(), Number() e Number.parseFloat(), ou operadores como o +, dependendo do que mais se adequa ao seu código.

Lembre-se de sempre testar o seu código para garantir que está obtendo o resultado esperado.

É importante também levar em consideração o fato de que essas funções e operadores podem retornar NaN se a string não puder ser convertida em um número válido.

Portanto, é sempre uma boa ideia tratar esses casos de maneira adequada no seu código.

Está buscando a sua primeira vaga como Programador? Confira o nosso treinamento completo clicando aqui.

Uma plataforma de cursos com projetos completos, comunidade de alunos e muito mais!

Há também o nosso canal no YouTube, com muito conteúdo gratuito de qualidade!