Redondear con dos decimales en JavaScript

JavaScript dispone de varias opciones para redondear un número real, con los que también es posible fijar el número de decimales. Los métodos toFixed() y toPrecision() del tipo number y la función Math.round(). Veamos cómo se puede utilizar estas herramientas para redondear números con dos decimales en JavaScript, o con cualquier otra cantidad de decimales.

El método toFixed()

Los valores de tipos number en JavaScript cuenta con el método toFixed() que permite obtener el valor en una notación de punto fijo. Solamente recibe un parámetro que es el número de decimales que se desea mostrar. Así, para redondear un número con dos decimales solamente se tiene que usar el método parado como parámetro dos, tal como se muestra en el siguiente ejemplo.

const value = 123.456789;

const round = value.toFixed(2);

console.log(round);
console.log(typeof round);

123.46
string

Obteniendo el resultado deseado, salvo que el valor no es un número, sino una cadena de texto. En el caso de que el valor redondeado se desee usar en cálculos será necesario convertir este en un dato real con la función parseFloat(). Lo que se puede solucionar con una función como la siguiente.

function roundUsingToFixed(value, digits=2) {
    return parseFloat(value.toFixed(digits));
}

const value = 123.456789;

const round = roundUsingToFixed(value, 2);

console.log(round);
console.log(typeof round);

123.46
number

En este caso se ha creado la función roundUsingToFixed() que recibe como parámetros el valor a redondear y, opcionalmente, el número de decimales. En el interior de la función se llama al método toFixed() con el número de decimales indicado y su valor se convierte en real mediante la función parseFloat(). Así el resultado de la función es un número real con el valor original redondeado con los decimales deseados.

En Analytics Lane

Curiosidad: El origen del análisis exploratorio de datos y el papel de John Tukey

El método toPrecision()

Otra alternativa para redondear número en JavaScript es el método toPrecision(). En este caso el método recibe como parámetro la precisión con la que se desea representar el número, esto es, la cantidad de dígitos que son diferentes de 0, incluidos lo que se encuentran antes de la coma. Así, para redondear el valor 123,456789 con dos dígitos se tendría que indicar 5, no 2, como se muestra a continuación.

const value = 123.456789;

const round2 = value.toPrecision(2);

console.log(round2);
console.log(typeof round2);


const round5 = value.toPrecision(5);

console.log(round5);
console.log(typeof round5);

1.2e+2
string
123.46
string

En este ejemplo también se puede ver que el valor obtenido no es un número, sino que, al igual que con el método toFixed(), una cadena de texto. Si se desea redondear con este método se tiene que calcular primero la cantidad de dígitos que tiene el número antes de la coma y luego usar el método. Al igual que en la sección anterior se puede crear una función para ello.

function roundUsingToPrecision(value, digits=2) {
    const precision = Math.round(value).toString().length + digits;
    return parseFloat(value.toPrecision(precision));
}

const value = 123.456789;

const round = roundUsingToPrecision(value, 2);

console.log(round);
console.log(typeof round);

123.46
number

Lo primero que se hace en el código anterior es la función roundUsingToPrecision() en la que se implementa una forma de calcular la cantidad de dígitos del valor para conocer la precisión necesaria. Una vez hecho esto, se aplica el método toPrecision() al número y se convierte en real.

Como se puede ver en el ejemplo el método toPrecision() posiblemente no sea el más adecuado para redondear con decimales, ya que su objetivo es obtener un valor con una precisión dada.

La función Math.round()

La opción por defecto para redondear en JavaScript sea la función Math.round(). Esta función recibe como parámetro un valor real y devuelve un entero. En este caso el valor es un número, no una cadena de texto. La función no permite redondear con decimales, pero se puede multiplicar el número por un 100 y dividir el resultado por 100 para obtener el resultado con dos decimales. Esto es lo que se muestra a continuación.

const value = 123.456789;

const round = Math.round(value * 100) / 100;

console.log(round);
console.log(typeof round)

123.46
number

Al ejecutar este código se puede ver como el resultado es un número real, por lo que si se desea usar el valor en futuros cálculos no es necesario convertirlo en un valor real. Con este código se puede redondear con dos decimales en JavaScript, pero se puede crear una función para usar con cualquier número de decimales usando Math.pow() para obtener el factor de escala. Una posible implementación de esta función sería la que se muestra en el siguiente ejemplo.

function roundUsingMathRound(value, digits=2) {
    const scale = Math.pow(10, digits);
    return Math.round(value * scale) / scale;
}

const value = 123.456789;

console.log(roundUsingMathRound(value, 2));
console.log(roundUsingMathRound(value, 4));

123.46
123.4568

Conclusiones

En esta entrada se han visto tres opciones para redondear con dos decimales en JavaScript. Si lo que se desea es sacar el valor por pantalla, pero seguir manteniendo la precisión original, la mejor opción sería llamar al método toFixed(). Ya que es el método específico para esto. También existe la opción de usar toPrecision(), pero en este caso es necesario conocer el número de dígitos que tiene el valor, por lo que no suele ser la mejor opción. Finalmente, se puede usar la función Math.pow(), aunque en este caso es necesario usar un valor auxiliar para escalar los valores antes y después de aplicar la función.

Image by Andrew Martin from Pixabay