Intl.NumberFormat entweder 0 oder zwei Bruchstellen

Question 1

Mein Formatierer sieht so aus

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

Wie kann ich das so anpassen, dass ganze Zahlen 0 Bruchstellen haben?

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

während Brüche immer zweistellig sind?

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

Question 2

Der richtige Weg, dies bei Verwendung von Intl.NumberFormat zu tun, besteht darin, beides festzulegen MaximumFractionDigits Und MinimumFractionDigits Optionen im Konstruktor beim Validieren des Eingabewerts mit einem Modulo % für eine ganze Zahl (gemäß https://stackoverflow.com/a/49724586/1362535). Das ist eine RICHTIGE Antwort!). Die akzeptierte Antwort ist eine Art String-Manipulation.

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

Sie könnten so etwas versuchen:

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

Aktualisieren:

Als Antwort auf den viele Monate später erschienenen Kommentar von @Marek: Der obige reguläre Ausdruck verarbeitet bereits unterschiedliche Dezimalzeichen (entweder . oder ,), aber es stimmt, dass nachfolgende Währungssymbole nicht verarbeitet werden. Das lässt sich so beheben:

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

Question 4

Ich würde zwei verschiedene Formate implementieren und es mithilfe eines Modulo validieren %

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

Hoffe das hilft 🙂

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

Als ich das recherchierte, fand ich auf Github einen Beitrag dazu, der die Verwendung sowohl der MaximumFractionDigits als auch der MinimumFractionDigits vorschlägt. Im Artikel heißt es, dass es zu einem Fehler kommen würde, wenn beide nicht verwendet würden.

// 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

Heutzutage scheint es am einfachsten zu sein, „minimumFractionDigits“ einfach auf 0 und „maximumFractionDigits“ auf 2 zu setzen, wie folgt:

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));