Neste artigo você vai aprender a como gerar float com várias casas decimais em JavaScript, podendo escolher o número de casas decimais do float

float com várias casas decimais em JavaScript capa

Fala programador(a), beleza? Bora aprender mais sobre floats e casas decimais em JavaScript!

Geralmente alguns cálculos com JavaScript fornecem números arredondados e outros não

Como podemos então controlar o número de casas exibidas?

Veja um exemplo:

var mult = 12.354 * 32423.123;
var mult2 = 4.12 * 2.23;

console.log(mult); // 400555.261542
console.log(mult2); // 9.1876

Nestes dois casos temos duas contas e dois números de casas diferentes

Aplicando o método toFixed para este resultado, podemos escolher o número de casas a serem exibidas, veja um exemplo:

var mult = 12.354 * 32423.123;
var mult2 = 4.12 * 2.23;

console.log(mult.toFixed(2)); // 400555.26
console.log(mult2.toFixed(10)); // 9.1876000000

Perceba que podemos utilizar para reduzir o número de casas e também para alongar

O que define é o número que colocamos como parâmetro em toFixed

Porém o dado que recebemos é em string, então se quisermos continuar fazendo outras operações matemáticas em cima do resultado precisamos aplicar o método parseFloat ao número

Desta maneira você receberá um novo float já arredondado e pode prosseguir com as suas próximas operações

Obs: Tome cuidado com o valor retornado como string para não errar na operação matemática futura com o mesmo, pode ter resultados completamente diferentes do esperado

Aconselho também a leitura deste artigo, que ensina os segredos da ofuscação de código me JS

Conclusão

Neste artigo vimos  como gerar um float com várias casas decimais em JavaScript

Utilizamos o método toFixed para regular quantas casas desejamos no número alvo

E após a manipulação do número de casas, podemos utilizar o método parseFloat para transformar o dado novamente em float, uma vez que recebemos uma string

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