JavaScript-Zahlenmethoden


Inhaltsverzeichnis

    Inhaltsverzeichnis anzeigen


JavaScript-Zahlenmethoden

Diese Zahlenmethoden können für alle JavaScript-Zahlen verwendet werden:

toString()

Gibt eine Zahl als Zeichenfolge zurück

toExponential()

Gibt eine in Exponentialschreibweise geschriebene Zahl zurück

toFixed()

Gibt eine mit mehreren Dezimalstellen geschriebene Zahl zurück

toPrecision()

Gibt eine mit einer angegebenen Länge geschriebene Zahl zurück

ValueOf()

Gibt eine Zahl als Zahl zurück


Die toString()-Methode

Die Methode toString() gibt eine Zahl als Zeichenfolge zurück.

Alle Zahlenmethoden können für jede Art von Zahlen (Literale, Variablen oder Ausdrücke) verwendet werden:

Beispiel

let x = 123;
x.toString();
(123).toString();
(100 + 23).toString();

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Number Methods</h2>

<p>The toString() method converts a number to a string.</p>

<p id="demo"></p>

<script>
let x = 123;
document.getElementById("demo").innerHTML =
  x.toString() + "<br>" +
   (123).toString() + "<br>" +
   (100 + 23).toString();
</script>

</body>
</html>

Die toExponential()-Methode

toExponential() gibt eine Zeichenfolge mit einer gerundeten und in Exponentialschreibweise geschriebenen Zahl zurück.

Ein Parameter definiert die Anzahl der Zeichen hinter dem Dezimalpunkt:

Beispiel

let x = 9.656;
x.toExponential(2);
x.toExponential(4);
x.toExponential(6);

Der Parameter ist optional. Wenn Sie es nicht angeben, rundet JavaScript die Zahl nicht.



Die toFixed()-Methode

toFixed() gibt einen String mit der Nummer zurück geschrieben mit einer angegebenen Anzahl von Dezimalzahlen:

Beispiel

let x = 9.656;
x.toFixed(0);
x.toFixed(2);
x.toFixed(4);
x.toFixed(6);

toFixed(2) ist perfekt für die Arbeit mit Geld.


Die toPrecision()-Methode

toPrecision() gibt einen String mit einer mit a geschriebenen Zahl zurück angegebene Länge:

Beispiel

let x = 9.656;
x.toPrecision();
x.toPrecision(2);
x.toPrecision(4);
x.toPrecision(6);

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Number Methods</h2>

<p>The toPrecision() method returns a string, with a number written with a specified length:</p>

<p id="demo"></p>

<script>
let x = 9.656;
document.getElementById("demo").innerHTML = 
  x.toPrecision() + "<br>" +
  x.toPrecision(2) + "<br>" +
  x.toPrecision(4) + "<br>" +
  x.toPrecision(6);  
</script>

</body>
</html>

Die valueOf()-Methode

valueOf() gibt eine Zahl als Zahl zurück.

Beispiel

let x = 123;
x.valueOf();
(123).valueOf();
(100 + 23).valueOf();

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Number Methods</h2>

<p>The valueOf() method returns a number as a number:</p>

<p id="demo"></p>

<script>
let x = 123;

document.getElementById("demo").innerHTML = 
  x.valueOf() + "<br>" +
  (123).valueOf() + "<br>" +
  (100 + 23).valueOf();
</script>

</body>
</html>

In JavaScript kann eine Zahl ein primitiver Wert (typeof=Zahl) oder ein sein Objekt (typeof=Objekt).

Die Methode valueOf() wird in JavaScript intern zum Konvertieren von Zahlen verwendet Objekte zu primitiven Werten.

Es gibt keinen Grund, es in Ihrem Code zu verwenden.

Alle JavaScript-Datentypen verfügen über eine valueOf()- und eine toString()-Methode.


Variablen in Zahlen umwandeln

Es gibt 3 JavaScript-Methoden, die verwendet werden können Um eine Variable in eine Zahl umzuwandeln:

Number()

Gibt eine aus ihrem Argument konvertierte Zahl zurück.

parseFloat()

Analysiert sein Argument und gibt eine Gleitkommazahl zurück

parseInt()

Analysiert sein Argument und gibt eine ganze Zahl zurück

Die oben genannten Methoden sind keine Zahlen-Methoden. Es handelt sich um globale JavaScript-Methoden.


Die Number()-Methode

Mit der Methode Number() können JavaScript-Variablen in Zahlen umgewandelt werden:

Beispiel

Number(true);
Number(false);
Number("10");
Number("  10");
Number("10  ");
Number(" 10  ");
Number("10.33");
Number("10,33");
Number("10 33");
Number("John");

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Global Methods</h2>

<p>The Number() method converts variables to numbers:</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 
  Number(true) + "<br>" +
  Number(false) + "<br>" +
  Number("10") + "<br>" + 
  Number("  10") + "<br>" +
  Number("10  ") + "<br>" +
  Number(" 10  ") + "<br>" +
  Number("10.33") + "<br>" + 
  Number("10,33") + "<br>" +
  Number("10 33") + "<br>" +
  Number("John");
</script>

</body>
</html>


Wenn die Zahl nicht konvertiert werden kann, wird NaN (Not a Number) zurückgegeben.


Die für Datumsangaben verwendete Number()-Methode

Number() kann auch ein Datum in eine Zahl umwandeln.

Beispiel

Number(new Date("1970-01-01"))

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Global Methods</h2>

<p>The Number() method can convert a date to a number:</p>

<p id="demo"></p>

<script>
let x = new Date("1970-01-01");
document.getElementById("demo").innerHTML = Number(x); 
</script>

</body>
</html>


Notiz

Die Methode Date() gibt die Anzahl der Millisekunden seit dem 1.1.1970 zurück.

Die Anzahl der Millisekunden zwischen dem 02.01.1970 und dem 01.01.1970 beträgt 86400000:

Beispiel

Number(new Date("1970-01-02"))

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Global Methods</h2>

<p>The Number() method can convert a date to a number:</p>

<p id="demo"></p>

<script>
let x = new Date("1970-01-02");
document.getElementById("demo").innerHTML = Number(x); 
</script>

</body>
</html>


Beispiel

Number(new Date("2017-09-30"))

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Global Methods</h2>

<p>The Number() method can convert a date to a number:</p>

<p id="demo"></p>

<script>
let x = new Date("2017-09-30");
document.getElementById("demo").innerHTML = Number(x); 
</script>

</body>
</html>



Die parseInt()-Methode

parseInt() analysiert einen String und gibt eine ganze Zahl zurück. Leerzeichen sind erlaubt. Es wird nur die erste Zahl zurückgegeben:

Beispiel

parseInt("-10");
parseInt("-10.33");
parseInt("10");
parseInt("10.33");
parseInt("10 20 30");
parseInt("10 years");
parseInt("years 10");

Wenn die Zahl nicht konvertiert werden kann, wird NaN (Not a Number) zurückgegeben.


Die parseFloat()-Methode

parseFloat() analysiert einen String und gibt eine Zahl zurück. Leerzeichen sind erlaubt. Es wird nur die erste Zahl zurückgegeben:

Beispiel

parseFloat("10");
parseFloat("10.33");
parseFloat("10 20 30");
parseFloat("10 years");
parseFloat("years 10");

Wenn die Zahl nicht konvertiert werden kann, wird NaN (Not a Number) zurückgegeben.


Methoden für Zahlenobjekte

Diese Objektmethoden gehören zum Number-Objekt:

Number.isInteger()

Gibt true zurück, wenn das Argument eine Ganzzahl ist

Number.isSafeInteger()

Gibt true zurück, wenn das Argument eine sichere Ganzzahl ist

Number.parseFloat()

Konvertiert eine Zeichenfolge in eine Zahl

Number.parseInt()

Konvertiert eine Zeichenfolge in eine ganze Zahl

Zahlenmethoden können nicht für Variablen verwendet werden

Die oben genannten Zahlenmethoden gehören zum JavaScript-Zahlenobjekt.

Auf diese Methoden kann nur wie Number.isInteger() zugegriffen werden.

Die Verwendung von X.isInteger(), wobei X eine Variable ist, führt zu einem Fehler:

TypeError X.isInteger ist keine Funktion.


Die Methode Number.isInteger()

Die Methode Number.isInteger() gibt true zurück, wenn das Argument eine Ganzzahl ist.

Beispiel

Number.isInteger(10);
Number.isInteger(10.5);

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Numbers</h1>
<h2>The isInteger() Method</h2>

<p>The isInteger() method returns true if the argument is an integer.</p>
<p>Otherwise it returns false.</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
Number.isInteger(10) + "<br>" + Number.isInteger(10.5);
</script>

</body>
</html>

Die Number.isSafeInteger()-Methode

Eine sichere Ganzzahl ist eine Ganzzahl, die genau als Zahl mit doppelter Genauigkeit dargestellt werden kann.

Die Methode Number.isSafeInteger() gibt true zurück, wenn das Argument eine sichere Ganzzahl ist.

Beispiel

Number.isSafeInteger(10);
Number.isSafeInteger(12345678901234567890);

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Numbers</h1>
<h2>The isSafeInteger() Method</h2>

<p>The isSafeInteger() method returns true if the argument is a safe integer.</p>
<p>Otherwise it returns false.</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
Number.isSafeInteger(10) + "<br>" + Number.isSafeInteger(12345678901234567890);
</script>

</body>
</html>

Sichere Ganzzahlen sind alle Ganzzahlen von -(253 - 1) bis +(253 - 1).
Dies ist sicher: 9007199254740991. Dies ist nicht sicher: 9007199254740992.


Die Number.parseFloat()-Methode

Number.parseFloat() analysiert einen String und gibt eine Zahl zurück.

Leerzeichen sind erlaubt. Es wird nur die erste Zahl zurückgegeben:

Beispiel

Number.parseFloat("10");
Number.parseFloat("10.33");
Number.parseFloat("10 20 30");
Number.parseFloat("10 years");
Number.parseFloat("years 10");

Wenn die Zahl nicht konvertiert werden kann, wird NaN (Not a Number) zurückgegeben.

Notiz

Die Number-Methoden Number.parseInt() und Number.parseFloat()

sind die gleichen wie die

Globale Methoden parseInt() und parseFloat().

Der Zweck ist die Modularisierung von Globals (um die Verwendung desselben JavaScript-Codes außerhalb des Browsers zu vereinfachen).


Die Number.parseInt()-Methode

Number.parseInt() analysiert einen String und gibt eine ganze Zahl zurück.

Leerzeichen sind erlaubt. Es wird nur die erste Zahl zurückgegeben:

Beispiel

Number.parseInt("-10");
Number.parseInt("-10.33");
Number.parseInt("10");
Number.parseInt("10.33");
Number.parseInt("10 20 30");
Number.parseInt("10 years");
Number.parseInt("years 10");

Wenn die Zahl nicht konvertiert werden kann, wird NaN (Not a Number) zurückgegeben.

Vollständige JavaScript-Nummernreferenz

Eine vollständige Nummernreferenz finden Sie auf unserer:

Vollständige JavaScript-Nummernreferenz.

Die Referenz enthält Beschreibungen und Beispiele aller Number-Eigenschaften und -Methoden.