Formattieren einer Zahl mit genau zwei Dezimalstellen in JavaScript

Question

Ich habe diese Codezeile, die meine Zahlen auf zwei Dezimalstellen rundet. Aber ich bekomme Zahlen wie diese: 10.8, 2.4, usw. Das entspricht nicht meiner Vorstellung von zwei Dezimalstellen, also wie kann ich das folgende verbessern?

Math.round(preis*Math.pow(10,2))/Math.pow(10,2);

Ich möchte Zahlen wie 10.80, 2.40, usw. Die Verwendung von jQuery ist für mich in Ordnung.

Answer 1

Dies ist ein altes Thema, aber immer noch hochrangige Google-Ergebnisse und die angebotenen Lösungen teilen dasselbe Problem mit Dezimalzahlen. Hier ist die (sehr generische) Funktion, die ich verwende, Dank MDN:

function round(value, exp) {
  if (typeof exp === 'undefined' || +exp === 0)
    return Math.round(value);

  value = +value;
  exp = +exp;

  if (isNaN(value) || !(typeof exp === 'number' && exp % 1 === 0))
    return NaN;

  // Shift
  value = value.toString().split('e');
  value = Math.round(+(value[0] + 'e' + (value[1] ? (+value[1] + exp) : exp)));

  // Shift back
  value = value.toString().split('e');
  return +(value[0] + 'e' + (value[1] ? (+value[1] - exp) : -exp));
}

Wie man sehen kann, haben wir diese Probleme nicht:

round(1.275, 2);   // Gibt 1.28 zurück
round(1.27499, 2); // Gibt 1.27 zurück

Diese Generizität bietet auch einige coole Sachen:

round(1234.5678, -2);   // Gibt 1200 zurück
round(1.2345678e+2, 2); // Gibt 123.46 zurück
round("123.45");        // Gibt 123 zurück

---

Um die Frage des OP zu beantworten, muss man Folgendes eingeben:

round(10.8034, 2).toFixed(2); // Gibt "10.80" zurück
round(10.8, 2).toFixed(2);    // Gibt "10.80" zurück

---

Oder für eine präzisere, weniger generische Funktion:

function round2Fixed(value) {
  value = +value;

  if (isNaN(value))
    return NaN;

  // Shift
  value = value.toString().split('e');
  value = Math.round(+(value[0] + 'e' + (value[1] ? (+value[1] + 2) : 2)));

  // Shift back
  value = value.toString().split('e');
  return (+(value[0] + 'e' + (value[1] ? (+value[1] - 2) : -2))).toFixed(2);
}

Sie können es aufrufen mit:

round2Fixed(10.8034); // Gibt "10.80" zurück
round2Fixed(10.8);    // Gibt "10.80" zurück

---

Verschiedene Beispiele und Tests (Dank an @t-j-crowder!):

function round(value, exp) {
  if (typeof exp === 'undefined' || +exp === 0)
    return Math.round(value);

  value = +value;
  exp = +exp;

  if (isNaN(value) || !(typeof exp === 'number' && exp % 1 === 0))
    return NaN;

  // Shift
  value = value.toString().split('e');
  value = Math.round(+(value[0] + 'e' + (value[1] ? (+value[1] + exp) : exp)));

  // Shift back
  value = value.toString().split('e');
  return +(value[0] + 'e' + (value[1] ? (+value[1] - exp) : -exp));
}
function naive(value, exp) {
  if (!exp) {
    return Math.round(value);
  }
  var pow = Math.pow(10, exp);
  return Math.round(value * pow) / pow;
}
function test(val, places) {
  subtest(val, places);
  val = typeof val === "string" ? "-" + val : -val;
  subtest(val, places);
}
function subtest(val, places) {
  var placesOrZero = places || 0;
  var naiveResult = naive(val, places);
  var roundResult = round(val, places);
  if (placesOrZero >= 0) {
    naiveResult = naiveResult.toFixed(placesOrZero);
    roundResult = roundResult.toFixed(placesOrZero);
  } else {
    naiveResult = naiveResult.toString();
    roundResult = roundResult.toString();
  }
  $("")
    .append($("").text(JSON.stringify(val)))
    .append($("").text(placesOrZero))
    .append($("").text(naiveResult))
    .append($("").text(roundResult))
    .appendTo("#results");
}
test(0.565, 2);
test(0.575, 2);
test(0.585, 2);
test(1.275, 2);
test(1.27499, 2);
test(1234.5678, -2);
test(1.2345678e+2, 2);
test("123.45");
test(10.8034, 2);
test(10.8, 2);
test(1.005, 2);
test(1.0005, 2);

table {
  border-collapse: collapse;
}
table, td, th {
  border: 1px solid #ddd;
}
td, th {
  padding: 4px;
}
th {
  font-weight: normal;
  font-family: sans-serif;
}
td {
  font-family: monospace;
}

      Eingabe
      Stellen
      Naiv
      Gründlich

Answer 2

Normalerweise füge ich das meiner persönlichen Bibliothek hinzu und nach einigen Vorschlägen und der Verwendung der Lösung von @TIMINeutron und der Anpassung für die Dezimalstellenlänge, passt diese am besten:

function precise_round(num, decimals) {
   var t = Math.pow(10, decimals);   
   return (Math.round((num * t) + (decimals>0?1:0)*(Math.sign(num) * (10 / Math.pow(100, decimals)))) / t).toFixed(decimals);
}

wird für die gemeldeten Ausnahmen funktionieren.

Answer 3

SCHNELL UND EINFACH

parseFloat(number.toFixed(2))

Beispiel

let number = 2.55435930

let roundedString = number.toFixed(2)    // "2.55"

let twoDecimalsNumber = parseFloat(roundedString)    // 2.55

let directly = parseFloat(number.toFixed(2))    // 2.55

Answer 4

Ein Weg, um sicherzustellen, dass Sie eine Zahl mit 2 Dezimalstellen erhalten:

(Math.round(num*100)/100).toFixed(2)

Wenn dies zu Rundungsfehlern führt, können Sie das folgende verwenden, wie James es in seinem Kommentar erklärt hat:

(Math.round((num * 1000)/10)/100).toFixed(2)

Answer 5

Ich weiß nicht, warum ich keinen Kommentar zu einer vorherigen Antwort hinzufügen kann (vielleicht bin ich hoffnungslos blind, ich weiß es nicht), aber ich bin mit einer Lösung auf Grundlage der Antwort von @Miguel gekommen:

function precise_round(num,decimals) {
   return Math.round(num*Math.pow(10, decimals)) / Math.pow(10, decimals);
}

Und seine beiden Kommentare (von @bighostkim und @Imre):

• Problem mit precise_round(1.275,2), das nicht 1,28 zurückgibt
• Problem mit precise_round(6,2), das nicht 6,00 zurückgibt (wie er wollte).

Meine endgültige Lösung lautet wie folgt:

function precise_round(num,decimals) {
    var sign = num >= 0 ? 1 : -1;
    return (Math.round((num*Math.pow(10,decimals)) + (sign*0.001)) / Math.pow(10,decimals)).toFixed(decimals);
}

Wie Sie sehen können, musste ich eine kleine "Korrektur" hinzufügen (es ist nicht das, was es ist, aber da Math.round verlustbehaftet ist - Sie können es auf jsfiddle.net überprüfen - dies ist der einzige Weg, den ich kannte, um es zu "beheben"). Es fügt 0,001 zur bereits gepaddeten Zahl hinzu, sodass eine 1 drei 0 an den Nachkommastellen hinzugefügt werden. Es sollte also sicher sein, es zu verwenden.

Danach habe ich .toFixed(dezimal) hinzugefügt, um die Zahl immer im korrekten Format auszugeben (mit der richtigen Anzahl von Dezimalstellen).

Das ist im Grunde genommen alles. Verwenden Sie es gut ;)

EDIT: Funktionalität zur "Korrektur" von negativen Zahlen hinzugefügt.