Como converter um float para inteiro em JavaScript

Neste artigo você vai aprender a como converter um float para inteiro em JavaScript, de diversas maneiras e de forma simples!

Fala programador(a), beleza? Bora aprender mais sobre inteiros, floats e também JavaScript

Temos diversos métodos de JavaScritp para transformar floats em inteiros

Há vários pois as respostas deles são diferentes

Veja os métodos sendo aplicados na prática:

const x = 10.5;

console.log(Math.floor(x)); // 10
console.log(Math.ceil(x)); // 11
console.log(Math.trunc(x)); // 10
console.log(parseInt(x)); // 10

Formação Recomendada

Formação Claude Code

Domine Claude Code do absoluto zero até o avançado

• 120 aulas
• 4 projetos
• 9h 45min

Conhecer formação

O método floor vai arredondar o número para baixo, ou seja, 10.5 recebemos 10

Já o ceil vai arredondar para cima, ou seja, 10.5 para 11

Os métodos trunc e parseInt também vão arredondar os números para baixo

Agora basta você escolher qual deles satisfaza a regra de negócios do seu sistema e utilizá-lo!

Conclusão

Neste artigo você aprendeu a converter um float para inteiro em JavaScript puro

Utilizamos diversas formas de conversão, pois além de JavaScript nos proporcionar várias formas, elas nos retornam respostas diferentes

Então temos que escolher qual melhor se encaixa no nosso caso =)

Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias!

Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!

Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias

O link acima contém um cupom de desconto para os cursos!

E o Math.round?

Esse aqui é o que mais gente procura e faltava na lista

O round arredonda pro inteiro MAIS PRÓXIMO, olhando a parte decimal

Se liga:

console.log(Math.round(10.5)); // 11 console.log(Math.round(10.4)); // 10

De .5 pra cima ele sobe, abaixo disso ele desce

É o comportamento de arredondamento que a gente aprende na escola, então quando o teu caso é ‘quero o inteiro mais próximo’, o round é o cara

Cuidado com números negativos:

Aqui mora uma pegadinha que já ferrou muita gente

Com número positivo floor, trunc e parseInt entregam o mesmo resultado

Mas no negativo eles se separam:

const y = -10.5;

console.log(Math.floor(y)); // -11 console.log(Math.trunc(y)); // -10 console.log(parseInt(y)); // -10

O floor SEMPRE puxa pra baixo (mais longe do zero no negativo)

Já o trunc só corta a parte decimal, fica -10

Então se o teu sistema lida com valores negativos, testa antes de escolher, se não o resultado sai diferente do que tu espera

Qual método devo usar?

Pra fechar, um resumão rápido pra tu não travar na hora de escolher:

Quer o inteiro mais próximo? Math.round

Quer sempre pra baixo? Math.floor

Quer sempre pra cima? Math.ceil

Só quer cortar a parte decimal, sem arredondar? Math.trunc

Tá convertendo texto tipo ‘10.5’ que veio de um input? parseInt

Sacou? Cada um resolve um caso, não existe ‘o melhor’, existe o que encaixa na tua regra de negócio