Este tutorial le mostrará cómo formatear números a un número fijo de lugares decimales en el lenguaje de programación JavaScript.
Variables numéricas de JavaScript
Las variables de JavaScript tienen diferentes tipos . El tipo de una variable define qué tipo de valores puede contener y qué se puede hacer con ese valor.
Las variables de tipo numérico contienen valores numéricos e incluyen una serie de métodos (funciones integradas) para realizar operaciones numéricas.
Las variables numéricas se declaran simplemente asignando un valor numérico a una variable o utilizando el constructor numérico.
var myNumber = 46;
o
var myNumber = Number(46);
Una vez declarada una variable de tipo Número con un valor numérico, toFixed() El método está disponible para formatearlo a un número específico de lugares decimales.
Sintaxis del método JavaScript Number.toFixed()
El toFixed() El método formateará un número a un número fijo de lugares/dígitos decimales. Aquí está la sintaxis:
number.toFixed(digits)
Tenga en cuenta que:
- toFixed() NO modificar el valor/variable del número original desde el que se llama
- UNA CADENA que contiene el número formateado se devuelve!
- dígitos es un parámetro opcional
- Si no se proporciona, un valor predeterminado de 0 será usado
- El número se redondeará si es necesario
- Se agregarán ceros si es necesario para alcanzar el número requerido de lugares decimales
ejemplos de código del método toFixed()
let myNumber = 12345.6789 myNumber.toFixed() // Returns '12346': Note rounding to nearest integer as default number of decimal places is 0 myNumber.toFixed(1) // Returns '12345.7': Note number is rounded myNumber.toFixed(6) // Returns '12345.678900': Note zeros added to the end to reach number of desired decimal places (1.23e+20).toFixed(2) // Returns '123000000000000000000.00' (1.23e-10).toFixed(2) // Returns '0.00' 2.34.toFixed(1) // Returns '2.3' 2.35.toFixed(1) // Returns '2.4': Note number rounded up 2.55.toFixed(1) // Returns '2.5': Note number rounded down -2.34.toFixed(1) // Returns -2.3 : Note that due to operator precedence, a string is not returned as the '-' operator has coerced the value back to a number (-2.34).toFixed(1) // Returns '-2.3': Note, above situation avoided as '-' operator is bracketed
Advertencia de números de punto flotante
También vale la pena tener en cuenta que los números de punto flotante no siempre se representan con precisión en las computadoras. Consulte nuestro artículo sobre por qué sucede esto y cómo evitar encontrarse con los problemas comúnmente asociados. .