Supprimez les zéros de fin non significatifs d'un nombre ?

Question

Ai-je manqué un appel standard de l'API qui supprime les zéros insignifiants d'un nombre ?

var x = 1.234000; // to become 1.234
var y = 1.234001; // stays 1.234001

Number.toFixed() y Number.toPrecision() ne sont pas tout à fait ce que je recherche.

Answer 1

J'ai eu un cas similaire où je voulais utiliser .toFixed() lorsque c'est nécessaire, mais je ne voulais pas de remplissage lorsque ce n'était pas le cas. J'ai donc fini par utiliser parseFloat en conjonction avec toFixed.

toFixed sans rembourrage

parseFloat(n.toFixed(4));

Une autre option qui fait presque la même chose
Cette réponse peut vous aider à prendre votre décision

Number(n.toFixed(4));

---

toFixed arrondit le nombre à une longueur spécifique, mais le convertit également en chaîne de caractères. La reconversion en un type numérique rendra non seulement le nombre plus sûr pour l'utilisation arithmétique, mais supprimera aussi automatiquement les 0 de fin de chaîne. Par exemple :

var n = "1.234000";
    n = parseFloat(n);
 // n is 1.234 and in number form

Parce que même si vous définissez un nombre avec des zéros à la fin, ils sont abandonnés.

var n = 1.23000;
 // n == 1.23;

Answer 2

Si vous la convertissez en chaîne, elle n'affichera pas les zéros de fin, qui ne sont pas stockés dans la variable en premier lieu puisqu'elle a été créée en tant que nombre et non en tant que chaîne.

var n = 1.245000
var noZeroes = n.toString() // "1.245"

Answer 3

J'ai d'abord utilisé une combinaison des réponses de matti-lyra et de gary :

r=(+n).toFixed(4).replace(/\.0+$/,'')

Résultats :

• 1234870.98762341: "1234870.9876"
• 1230009100 : "1230009100"
• 0.0012234 : "0.0012"
• 0.1200234 : "0.12"
• 0.000001231 : "0"
• 0.10001 : "0.1000"
• "asdf" : "NaN" (donc pas d'erreur d'exécution)

Le cas un peu problématique est celui de 0,10001. J'ai fini par utiliser cette version longue :

    r = (+n).toFixed(4);
    if (r.match(/\./)) {
      r = r.replace(/\.?0+$/, '');
    }

• 1234870.98762341: "1234870.9876"
• 1230009100 : "1230009100"
• 0.0012234 : "0.0012"
• 0.1200234 : "0.12"
• 0.000001231 : "0"
• 0.10001 : "0.1"
• "asdf" : "NaN" (donc pas d'erreur d'exécution)

Mise à jour : Et voici la nouvelle version de Gary (voir les commentaires) :

r=(+n).toFixed(4).replace(/([0-9]+(\.[0-9]+[1-9])?)(\.?0+$)/,'$1')

Cela donne les mêmes résultats que ci-dessus.

Answer 4

J'avais pratiquement la même exigence, et j'ai constaté qu'il n'existe pas de mécanisme intégré pour cette fonctionnalité.

Outre la suppression des zéros de fin, j'ai également dû arrondir et formater la sortie pour la locale actuelle de l'utilisateur (c'est-à-dire 123 456 789).

Tout mon travail sur ce sujet a été inclus dans prettyFloat.js (sous licence MIT) sur GitHub : https://github.com/dperish/prettyFloat.js

---

Exemples d'utilisation :

prettyFloat(1.111001, 3) // "1.111"
prettyFloat(1.111001, 4) // "1.111"
prettyFloat(1.1111001, 5) // "1.1111"
prettyFloat(1234.5678, 2) // "1234.57"
prettyFloat(1234.5678, 2, true) // "1,234.57" (en-us)

---

---

Mise à jour - août 2018

---

Tous les navigateurs modernes prennent désormais en charge la fonction API d'internationalisation ECMAScript qui permet de comparer des chaînes de caractères en fonction de la langue, de formater des nombres et de formater la date et l'heure.

const formatters = {
    default: new Intl.NumberFormat(),
    currency: new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD', minimumFractionDigits: 0, maximumFractionDigits: 0 }),
    whole: new Intl.NumberFormat('en-US', { style: 'decimal', minimumFractionDigits: 0, maximumFractionDigits: 0 }),
    oneDecimal: new Intl.NumberFormat('en-US', { style: 'decimal', minimumFractionDigits: 1, maximumFractionDigits: 1 }),
    twoDecimal: new Intl.NumberFormat('en-US', { style: 'decimal', minimumFractionDigits: 2, maximumFractionDigits: 2 })
};

formatters.twoDecimal.format(1234.5678);  // result: "1,234.57"
formatters.currency.format(28761232.291); // result: "$28,761,232"

Pour les navigateurs plus anciens, vous pouvez utiliser ce polyfill : https://cdn.polyfill.io/v2/polyfill.min.js?features=Intl.~locale.en

Answer 5

Voici une solution possible :

var x = 1.234000 // to become 1.234;
var y = 1.234001; // stays 1.234001

eval(x) --> 1.234
eval(y) --> 1.234001