javascript

Redondear números en JavaScript

Introducción

Ya vimos cómo remover decimales de un número en JavaScript. Esto funciona bien para quitar únicamente los decimales, pero habrá ocasiones en las que necesitemos redondear números en JavaScript.

Ya sea redondear hacia arriba, redondear hacia abajo o redondear dependiendo del número, no es lo mismo que quitar las fracciones.

Redondear números en JavaScript

Hay 3 formas en las que vamos a querer redondear números. Veamos cómo hacerlo en JavaScript.

Redondear hacia arriba

Cuando redondeamos hacia arriba redondeamos hacia el siguiente entero más próximo, sin importar los decimales. Por ejemplo, 2.01 y 2.99 se convierten en 3.

Para redondear hacia arriba usamos Math.ceil y le pasamos un número como argumento. Veamos este ejemplo:

console.log(Math.ceil(2.01)); // 3
console.log(Math.ceil(2.99)); // 3

Así podemos redondear hacia el siguiente entero.

Redondear hacia abajo

Redondear hacia abajo es obtener el número entero anterior más cercano. Siguiendo los ejemplos de arriba, 2.01 y 2.99 se convierten en 2.

Para esto usamos el método Math.floor que igualmente recibe un número y lo devuelve redondeado hacia abajo.

console.log(Math.floor(2.01)); // 2
console.log(Math.floor(2.99)); // 2

Así es como redondeamos un número hacia abajo.

Redondear dependiendo de la parte decimal

Este método funciona para redondear un número dependiendo de su parte decimal. Si su parte decimal es mayor o igual a 5, se redondea hacia arriba. Si no, se redondea hacia abajo.

Por ejemplo, el número 2.5 se redondea a 3 porque su parte decimal es mayor o igual que 5. Sin embargo, el número 2.4999 se redondea a 2 porque su parte decimal es menor a 5.

Para poder hacer esto, llamamos a Math.round y le pasamos un número.

Veamos algunos ejemplos:

console.log(Math.round(2.01)); // 2
console.log(Math.round(100.51)); // 101
console.log(Math.round(96.90)); // 97
console.log(Math.round(1.05)); // 1

Conclusión

Así es como se redondean números en JavaScript. Si quieres forzar el redondeo usa ceil o floor, y si quieres que se use la parte decimal, llama a round.

Estoy aquí para ayudarte 🤝💻


Estoy aquí para ayudarte en todo lo que necesites. Si requieres alguna modificación en lo presentado en este post, deseas asistencia con tu tarea, proyecto o precisas desarrollar un software a medida, no dudes en contactarme. Estoy comprometido a brindarte el apoyo necesario para que logres tus objetivos. Mi correo es parzibyte(arroba)gmail.com, estoy como@parzibyte en Telegram o en mi página de contacto

No te pierdas ninguno de mis posts 🚀🔔

Suscríbete a mi canal de Telegram para recibir una notificación cuando escriba un nuevo tutorial de programación.
parzibyte

Programador freelancer listo para trabajar contigo. Aplicaciones web, móviles y de escritorio. PHP, Java, Go, Python, JavaScript, Kotlin y más :) https://parzibyte.me/blog/software-creado-por-parzibyte/

Ver comentarios

Entradas recientes

Creador de credenciales web – Aplicación gratuita

Hoy te voy a presentar un creador de credenciales que acabo de programar y que…

2 días hace

Desplegar PWA creada con Vue 3, Vite y SQLite3 en Apache

Ya te enseñé cómo convertir una aplicación web de Vue 3 en una PWA. Al…

1 semana hace

Arquitectura para wasm con Go, Vue 3, Pinia y Vite

En este artículo voy a documentar la arquitectura que yo utilizo al trabajar con WebAssembly…

1 semana hace

Vue 3 y Vite: crear PWA (Progressive Web App)

En un artículo anterior te enseñé a crear un PWA. Al final, cualquier aplicación que…

1 semana hace

Errores de Comlink y algunas soluciones

Al usar Comlink para trabajar con los workers usando JavaScript me han aparecido algunos errores…

1 semana hace

Esperar promesa para inicializar Store de Pinia con Vue 3

En este artículo te voy a enseñar cómo usar un "top level await" esperando a…

1 semana hace

Esta web usa cookies.