Formatieren einer Dezimalzahl in JavaScript
-
Verwenden Sie die
toString()-Methode, um eine Dezimalzahl in JavaScript zu formatieren -
Verwenden Sie die Methode
toFixed()zur Formatierung einer Dezimalzahl in JavaScript -
Verwenden Sie die Methode
toLocaleString()zur Formatierung einer Dezimalzahl in JavaScript
In diesem Artikel wird untersucht, wie die Dezimalstellen mit JavaScript formatiert werden.
Um eine Zahl mit Kommas und Dezimalstellen in JavaScript zu formatieren, können wir Math.round() und split() auf eine bestimmte Zahl anwenden. Wir können die Methoden toFixed(), toString() und toLocaleString() verwenden, um die Dezimalzahl zu formatieren.
Verwenden Sie die toString()-Methode, um eine Dezimalzahl in JavaScript zu formatieren
Die toString()-Methode von JavaScript wandelt Zahlen in Strings um und gibt einen String zurück, der das angegebene Number-Objekt darstellt.
<!DOCTYPE html>
<html>
<body>
<script>
var numb = 45342.764;
var valu = Math.round(Number(numb) * 100) / 100;
var pts = valu.toString().split(".");
var num =
pts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",") +
(pts[1] ? "." + pts[1] : "");
console.log(num);
</script>
</body>
</html>
Die Funktion .split() macht Fragmente des Strings an bestimmten Stellen zu Array-Bestandteilen, die dann wieder zu einer durch Kommas getrennten Serie zusammengefügt werden.
Ausgabe:
"45,342.76"
Sie können sogar die Methode toString() verwenden, indem Sie eine Funktion erstellen.
<script>
var numb = 45342.76;
function numbCommas(x) {
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
console.log(numbCommas(numb));
</script>
Ausgabe:
"45,342.76"
Verwenden Sie die Methode toFixed() zur Formatierung einer Dezimalzahl in JavaScript
Die Methode toFixed() in JavaScript formatiert eine Zahl mit zwei Dezimalstellen. Die Methode toFixed() formatiert die Zahl mit der angegebenen Anzahl Nachkommastellen.
Es gibt eine Zeichenfolgendarstellung einer Zahl mit der korrekten Anzahl von Dezimalstellen aus, verwendet jedoch keine wissenschaftliche Notation.
<script>
var number1 = 45342.764; document.write("number1 is : " + number1.toFixed(2));
document.write("
<br /> ");
</script>
Ausgabe:
number1 is: 45342.76
Verwenden Sie die Methode toLocaleString() zur Formatierung einer Dezimalzahl in JavaScript
Ebenso können wir die Methode toLocaleString() verwenden, um Dezimalzahlen mit Kommas zu trennen, die für verschiedene Orte unterschiedlich sind. Wie en-US trennt Zahlen mit Kommas an allen 3 Stellen, während hi-IN an den ersten 3 Stellen und dann an allen 2 Stellen trennt.
let decNum = 4534289.764;
console.log(decNum.toLocaleString('en-US'));
console.log(decNum.toLocaleString('hi-IN'));
Ausgabe:
"4,534,289.764"
"45,34,289.764"
Shiv is a self-driven and passionate Machine learning Learner who is innovative in application design, development, testing, and deployment and provides program requirements into sustainable advanced technical solutions through JavaScript, Python, and other programs for continuous improvement of AI technologies.
LinkedIn