JavaScript

Convertir a formato de moneda en JavaScript

Convertir a formato de moneda en JavaScript. Si estas intentando formatear un numero en JavaScript, estas en el lugar correcto. Explicaremos de forma detallada 3 formas de formatear un numero a moneda con simples pasos para realizar un cálculo instantáneo.

Convertir a formato de moneda en JavaScript

Daremos solución a problemas cotidianos sobre formatear números y/o monedas. Por lo tanto, nos enfocaremos a un resultado de formato para que se muestre correctamente con comas y 2 decimales.

  • Primera forma: Usando Intl.NumberFormat()
  • Segunda forma: método JS toFixed
  • Tercera forma: replace()

A continuación, detallaremos las 3 opciones para formatear un numero en JavaScript.

Primera forma: Usando Intl.NumberFormat()

Esta opción usa las siglas del idioma para formatear un numero a moneda, veamos un ejemplo

// Crea nuestro formateador de números.
const formatter = new Intl.NumberFormat('en-US', {
style: 'currency',
currency: 'USD',


//minimumFractionDigits: 0, //(esto es suficiente para números enteros, pero imprimirá 3500,10 como $3500,1)
//maximumFractionDigits: 0, // (hace que 3500,99 se imprima como $2501)
});

console.log(formatter.format(3500));

Salida: /* $3,500.00 */

Segunda forma: método JS toFixed

Puede usar el método JS toFixed estándar para formatear números enteros.

var num = 6.56789;
var n=num.toFixed(2);

Salida en el navegador

//6.57

Para agregar comas (para separar 1000), puede agregar expresiones regulares de la siguiente manera (donde num es un número):

Tercera forma: replace()

Si desean que a un número sea separado primero por una coma y luego por un punto, esta opción es la recomendada.

num.toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,")

//Salida e impresión

//200000 => 200,000
//7000 => 7,000
//2000000 => 2,000,000

Ejemplo completo de ejecución del script

var value = 3250.223;
var num = '$' + value.toFixed(2).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,");

//Imprimimos la variable con el número
document.write(num);

Al ejecutar el anterior script obtendremos el siguiente resultado

//Resultado al ejecutar $3,250.22

El carácter de separación depende del país y la ubicación. Para algunos países puede ser necesario.

Conclusiones

Formatear un numero en JavaScript no es tan complicado, existen varias formas para formatear un número, en este tutorial hemos visto 3 formas básicas.

Estas 3 opciones se pueden aplicar a proyectos web y/o páginas web. Además, de valores extraídos de base de datos, por ejemplo, MySQL.

En otro articulo hemos aprendido a formatear números usando PHP

Su fácil integración lo hace muy recomendado.

Nestor Tapia

Bloggero, amante de la programación PHP, innovador y me fascina compartir información. Desde que conocí el entorno informatico y el internet me llamó la atención la programación, Por tal motivo he creado mi blog BAULPHP.COM para compartir mis experiencias con todos ustedes. ¡Gracias por leerme!.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Botón volver arriba