Intl.NumberFormat ya sea 0 o dos dígitos de fracción

Question 1

Mi formateador se ve así

const formatter = new Intl.NumberFormat('en-NZ', {
  style: 'currency',
  currency: 'NZD',
  minimumFractionDigits: 2,
});

¿Cómo puedo ajustar esto para que los números enteros tengan 0 dígitos fraccionarios?

formatter.format(4); // want output "$4"

mientras que las fracciones siempre muestran dos dígitos?

formatter.format(4.1); // want output "$4.10"

Question 2

La forma correcta de hacerlo cuando se usa Intl.NumberFormat es configurar ambos máximoFractionDigits y mínimoFractionDigits opciones en el constructor al validar el valor de entrada usando un módulo% para un número entero (por https://stackoverflow.com/a/49724586/1362535 que es una respuesta CORRECTA!). La respuesta aceptada es una especie de manipulación de cadenas.

const fraction = new Intl.NumberFormat('en-NZ', {
  style: 'currency',
  currency: 'NZD',
  minimumFractionDigits: 0,
  maximumFractionDigits: 0,
});

const formatter = new Intl.NumberFormat('en-NZ', {
  style: 'currency',
  currency: 'NZD',
  minimumFractionDigits: 2,
});

let number = 4.1;
  if(number % 1 == 0)
console.log(fraction.format(number));
  else
console.log(formatter.format(number));

number = 4;
  if(number % 1 == 0)
console.log(fraction.format(number));
  else
console.log(formatter.format(number));

Question 3

Podrías intentar algo como esto:

formatter.format(amount).replace(/\D00$/, '');

Actualizar:

En respuesta al comentario de muchos meses después de @Marek, la expresión regular anterior ya maneja diferentes símbolos decimales (ya sea . o ,), pero es cierto que no maneja símbolos de moneda finales. Eso se puede arreglar de esta manera:

formatter.format(amount).replace(/\D00(?=\D*$)/, '');

Question 4

Implementaría dos formatos diferentes y lo validaría usando un módulo %

4 % 1 == 0
4.1 % 1 == .1

Espero que esto ayude 🙂

const formatter = new Intl.NumberFormat('en-NZ', {
  style: 'currency',
  currency: 'NZD',
  minimumFractionDigits: 2,
});

const fraction = new Intl.NumberFormat('en-NZ', {
  style: 'currency',
  currency: 'NZD',
  minimumFractionDigits: 0,
});


let number = 4.1;
  if(number % 1 == 0)
console.log(fraction.format(number));
  else
console.log(formatter.format(number));


number = 4;
  if(number % 1 == 0)
console.log(fraction.format(number));
  else
console.log(formatter.format(number));

Question 5

Cuando investigué esto, encontré una publicación en Github al respecto que sugiere usar los máximosFractionDigits y los mínimosFractionDigits. El artículo establece que si no se usan ambos, arrojaría un error.

// works
var Intl = require('intl');
new Intl.NumberFormat("en", { 
  maximumFractionDigits: 0, 
  minimumFractionDigits: 0, 
  style: 'currency', 
  currency: 'USD'
}).format(4000.33)

https://github.com/ember-intl/ember-intl/issues/167

Question 6

Parece que hoy en día, la forma más fácil es simplemente establecer “minimumFractionDigits” en 0 y “maximumFractionDigits” en 2, así:

const formatter = new Intl.NumberFormat('en-US', {
  style: 'currency',
  currency: 'usd',
  maximumFractionDigits: 2,
  minimumFractionDigits: 0,
}); 

console.log('No decimals: ', formatter.format(1000));
console.log('Decimals: ', formatter.format(999.99));

¿Ha sido útil esta solución?