Visualización de un número como moneda en JavaScript

JavaScript ofrece una serie de opciones, desde simples hasta complejas, que le permiten dar formato y mostrar números como moneda. Independientemente de lo que use, sin embargo, el proceso no es tan simple como puede parecer. La sintaxis de JavaScript tiene reglas estrictas para agregar símbolos monetarios, el número correcto de lugares decimales y para colocar puntos decimales correctamente. Comprender qué opción es la más adecuada y cómo utilizarla para mostrar la moneda correctamente puede acelerar el proceso de conversión y ayudar a que sus programas funcionen mejor.

Number.ToFixed ()

La forma más sencilla de mostrar los números como moneda es mediante el método Number.ToFixed (). Este método sencillo requiere que usted declare explícitamente el número de lugares decimales que desea mostrar, le permite redondear o rellenar el número de lugares decimales pero no agrega un signo de dólar. Comenzando con un número como "var currency = 4567.7466, " currency.toFixed (2) devuelve un valor de 4567.74, currency.toFixed (3) devuelve un valor de 4567.747 al redondear y currency.toFixed (7) devuelve un valor de 4567.7466000 rellenando los últimos tres lugares decimales con ceros.

Número.Precisión ()

Un segundo método sencillo le permite mostrar números como moneda para que muestren un número específico de dígitos. Sin embargo, en este caso, el método examina el número entero en lugar de solo sus decimales y siempre muestra la moneda utilizando el número de dígitos que especifique. Comenzando con un número como "var currency = 456.78, " currency.toPrecision (4) devuelve un valor de 456.8 al redondear y currency.toPrecision (7) devuelve un valor de 456.7800 agregando dos lugares decimales al final del número.

formatMoney ()

El método accounting.formatMoney () utiliza la biblioteca de contabilidad en JavaScript para convertir un número a su equivalente en un formato de moneda. El número que desea mostrar como moneda se convierte en un argumento del método (o parámetro) que va entre paréntesis, y si no incluyó argumentos adicionales, el método formatMoney () agrega de manera predeterminada un signo de dólar, precisión y dos decimales. Como ejemplo, accounting.formatMoney (674589) se mostrará como $ 674, 589.00. Indique al método que incluya centavos estableciendo el parámetro en accounting.formatMoney (674589.5) para una cantidad de moneda que se muestra como $ 674, 589.50.

numberToCurrency ()

JavaScript también le permite convertir y mostrar números como moneda dentro de los procedimientos llamados funciones. Las funciones son similares a los métodos de JavaScript, excepto que pueden valerse por sí solas y, como resultado, no requieren una llamada de referencia, como hace con accounting.formatMoney (). Usar una función en lugar de un método simple puede ser especialmente útil cuando se muestra un número, ya que la moneda no es la única acción que desea realizar. Las funciones crean un bloque de código en el que puede, por ejemplo, realizar acciones como la validación de datos de entrada antes de convertir y mostrar números en moneda común o extranjera:

function initializeState () {document.myForm.myInput.value = parent.numberToCurrency (currAmount, fCurr, ""); }