JavaScript-Matheobjekt


Inhaltsverzeichnis

    Inhaltsverzeichnis anzeigen

Mit dem JavaScript-Math-Objekt können Sie mathematische Aufgaben ausführen Zahlen.

Beispiel

Math.PI;

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.PI</h2>

<p>Math.PI returns the ratio of a circle's circumference to its diameter:</p>

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

<script>
document.getElementById("demo").innerHTML = Math.PI;
</script>

</body>
</html>

Das Mathe-Objekt

Im Gegensatz zu anderen Objekten verfügt das Math-Objekt über keinen Konstruktor.

Das Math-Objekt ist statisch.

Alle Methoden und Eigenschaften können verwendet werden, ohne dass zuvor ein Math-Objekt erstellt werden muss.


Mathematische Eigenschaften (Konstanten)

Die Syntax für jede Math-Eigenschaft lautet: Math.property.

JavaScript stellt 8 mathematische Konstanten bereit, auf die als mathematische Eigenschaften zugegriffen werden kann:

Beispiel

Math.E        // returns Euler's number
Math.PI       // returns PI
Math.SQRT2    // returns the square root of 2
Math.SQRT1_2  // returns the square root of 1/2
Math.LN2      // returns the natural logarithm of 2
Math.LN10     // returns the natural logarithm of 10
Math.LOG2E    // returns base 2 logarithm of E
Math.LOG10E   // returns base 10 logarithm of E

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math Constants</h2>

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

<script>
document.getElementById("demo").innerHTML = 
"<p><b>Math.E:</b> " + Math.E + "</p>" +
"<p><b>Math.PI:</b> " + Math.PI + "</p>" +
"<p><b>Math.SQRT2:</b> " + Math.SQRT2 + "</p>" +
"<p><b>Math.SQRT1_2:</b> " + Math.SQRT1_2 + "</p>" +
"<p><b>Math.LN2:</b> " + Math.LN2 + "</p>" +
"<p><b>Math.LN10:</b> " + Math.LN10 + "</p>" +
"<p><b>Math.LOG2E:</b> " + Math.LOG2E + "</p>" +
"<p><b>Math.Log10E:</b> " + Math.LOG10E + "</p>";
</script>

</body>
</html>

Mathematische Methoden

Die Syntax für Math Any-Methoden lautet: Math.method(number)


Zahl zu Ganzzahl

Es gibt vier gängige Methoden, um eine Zahl auf eine ganze Zahl zu runden:

Math.round(x)

Gibt x auf die nächste Ganzzahl gerundet zurück

Math.ceil(x)

Gibt x zurück, aufgerundet auf die nächste Ganzzahl

Math.floor(x)

Gibt x zurück, abgerundet auf die nächste ganze Zahl

Math.trunc(x)

Gibt den ganzzahligen Teil von x zurück (neu in ES6)


Math.round()

Math.round(x) gibt die nächste ganze Zahl zurück:

Beispiele

Math.round(4.6);

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.round()</h2>

<p>Math.round(x) returns the value of x rounded to its nearest integer:</p>

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

<script>
document.getElementById("demo").innerHTML = Math.round(4.6);
</script>

</body>
</html>
Math.round(4.5);

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.round()</h2>

<p>Math.round(x) returns the value of x rounded to its nearest integer:</p>

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

<script>
document.getElementById("demo").innerHTML = Math.round(4.5);
</script>

</body>
</html>
Math.round(4.4);

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.round()</h2>

<p>Math.round(x) returns the value of x rounded to its nearest integer:</p>

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

<script>
document.getElementById("demo").innerHTML = Math.round(4.4);
</script>

</body>
</html>

Math.ceil()

Math.ceil(x) gibt den Wert von x zurück, aufgerundet auf die nächste Ganzzahl:

Beispiel

Math.ceil(4.9);
Math.ceil(4.7);
Math.ceil(4.4);
Math.ceil(4.2);
Math.ceil(-4.2);

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.ceil()</h2>

<p>Math.ceil() rounds a number <strong>up</strong> to its nearest integer:</p>

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

<script>
document.getElementById("demo").innerHTML = Math.ceil(4.4);
</script>

</body>
</html>

Math.floor()

Math.floor(x) gibt den Wert von x zurück, abgerundet auf die nächste ganze Zahl:

Beispiel

Math.floor(4.9);
Math.floor(4.7);
Math.floor(4.4);
Math.floor(4.2);
Math.floor(-4.2);

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.floor()</h2>

<p>Math.floor(x) returns the value of x rounded <strong>down</strong> to its nearest integer:</p>

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

<script>
document.getElementById("demo").innerHTML = Math.floor(4.7);
</script>

</body>
</html>

Math.trunc()

Math.trunc(x) gibt den ganzzahligen Teil von x zurück:

Beispiel

Math.trunc(4.9);
Math.trunc(4.7);
Math.trunc(4.4);
Math.trunc(4.2);
Math.trunc(-4.2);

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.trunc()</h2>

<p>Math.trunc(x) returns the integer part of x:</p>

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

<script>
document.getElementById("demo").innerHTML = Math.trunc(4.7);
</script>

</body>
</html>

Math.sign()

Math.sign(x) gibt zurück, wenn x negativ, null oder positiv ist:

Beispiel

Math.sign(-4);
Math.sign(0);
Math.sign(4);

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.sign()</h2>

<p>Math.sign(x) returns if x is negative, null or positive:</p>

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

<script>
document.getElementById("demo").innerHTML = Math.sign(4);
</script>

</body>
</html>

Math.trunc() und Math.sign() wurden zu JavaScript 2015 - ES6 hinzugefügt.



Math.pow()

Math.pow(x, y) gibt den Wert von x hoch y zurück:

Beispiel

Math.pow(8, 2);

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.pow()</h2>

<p>Math.pow(x,y) returns the value of x to the power of y:</p>

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

<script>
document.getElementById("demo").innerHTML = Math.pow(8,2);
</script>

</body>
</html>

Math.sqrt()

Math.sqrt(x) gibt die Quadratwurzel von x zurück:

Beispiel

Math.sqrt(64);

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.sqrt()</h2>

<p>Math.sqrt(x) returns the square root of x:</p>

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

<script>
document.getElementById("demo").innerHTML = Math.sqrt(64);
</script>

</body>
</html>

Math.abs()

Math.abs(x) gibt den absoluten (positiven) Wert von x zurück:

Beispiel

Math.abs(-4.7);

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.abs()</h2>

<p>Math.abs(x) returns the absolute (positive) value of x:</p>

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

<script>
document.getElementById("demo").innerHTML = Math.abs(-4.7);
</script>

</body>
</html>

Math.sin()

Math.sin(x) gibt den Sinus (einen Wert zwischen -1 und 1) des Winkels x (angegeben im Bogenmaß) zurück.

Wenn Sie Grad statt Bogenmaß verwenden möchten, müssen Sie Grad in Bogenmaß umrechnen:

Winkel im Bogenmaß=Winkel in Grad x PI/180.

Beispiel

Math.sin(90 * Math.PI / 180);     // returns 1 (the sine of 90 degrees)

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.sin()</h2>

<p>Math.sin(x) returns the sin of x (given in radians):</p>
<p>Angle in radians = (angle in degrees) * PI / 180.</p>

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

<script>
document.getElementById("demo").innerHTML = 
"The sine value of 90 degrees is " + Math.sin(90 * Math.PI / 180);
</script>

</body>
</html>

Math.cos()

Math.cos(x) gibt den Kosinus (einen Wert zwischen -1 und 1) des Winkels x (angegeben im Bogenmaß) zurück.

Wenn Sie Grad statt Bogenmaß verwenden möchten, müssen Sie Grad in Bogenmaß umrechnen:

Winkel im Bogenmaß=Winkel in Grad x PI/180.

Beispiel

Math.cos(0 * Math.PI / 180);     // returns 1 (the cos of 0 degrees)

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.cos()</h2>

<p>Math.cos(x) returns the cosine of x (given in radians):</p>
<p>Angle in radians = (angle in degrees) * PI / 180.</p>

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

<script>
document.getElementById("demo").innerHTML = 
"The cosine value of 0 degrees is " + Math.cos(0 * Math.PI / 180);
</script>

</body>
</html>

Math.min() / Math.max()

Math.min() und Math.max() können verwendet werden, um den niedrigsten oder höchsten Wert in zu finden eine Liste von Argumenten:

Beispiel

Math.min(0, 150, 30, 20, -8, -200);

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.min()</h2>

<p>Math.min() returns the lowest value in a list of arguments:</p>

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

<script>
document.getElementById("demo").innerHTML =
Math.min(0, 150, 30, 20, -8, -200);
</script>

</body>
</html>

Beispiel

Math.max(0, 150, 30, 20, -8, -200);

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.max()</h2>

<p>Math.max() returns the highest value in a list of arguments.</p>

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

<script>
document.getElementById("demo").innerHTML =
Math.max(0, 150, 30, 20, -8, -200);
</script>

</body>
</html>

Math.random()

Math.random() gibt eine Zufallszahl zwischen 0 (einschließlich) und 1 zurück (exklusiv):

Beispiel

Math.random();

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.random()</h2>

<p>Math.random() returns a random number between 0 and 1:</p>

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

<p>Tip: Click on "Run" several times.</p>

<script>
document.getElementById("demo").innerHTML = Math.random();
</script>

</body>
</html>

Im nächsten Kapitel dieses Tutorials erfahren Sie mehr über Math.random().


Die Math.log()-Methode

Math.log(x) gibt den natürlichen Logarithmus von x zurück.

Der natürliche Logarithmus gibt die Zeit an, die benötigt wird, um ein bestimmtes Wachstumsniveau zu erreichen:

Beispiele

Math.log(1);

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.log()</h2>

<p>Math.log() returns the natural logarithm of a number:</p>

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

<script>
document.getElementById("demo").innerHTML = Math.log(1);
</script>

</body>
</html>
Math.log(2);

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.log()</h2>

<p>Math.log() returns the natural logarithm of a number:</p>

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

<script>
document.getElementById("demo").innerHTML = Math.log(2);
</script>

</body>
</html>
Math.log(3);

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.log()</h2>

<p>Math.log() returns the natural logarithm of a number:</p>

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

<script>
document.getElementById("demo").innerHTML = Math.log(3);
</script>

</body>
</html>

Math.E und Math.log() sind Zwillinge.

Wie oft müssen wir Math.E multiplizieren, um 10 zu erhalten?

Math.log(10);

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.log()</h2>

<p>How many times must we multiply Math.E to get 10?</p>

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

<script>
document.getElementById("demo").innerHTML = Math.log(10);
</script>

</body>
</html>

Die Math.log2()-Methode

Math.log2(x) gibt den Logarithmus zur Basis 2 von x zurück.

Wie oft müssen wir 2 multiplizieren, um 8 zu erhalten?

Math.log2(8);

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.log2()</h2>

<p>Math.log2() returns the base 2 logarithm of a number.</p>
<p>How many times must we multiply 2 to get 8?</p>

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

<script>
document.getElementById("demo").innerHTML = Math.log2(8);
</script>

</body>
</html>

Die Math.log10()-Methode

Math.log10(x) gibt den Logarithmus zur Basis 10 von x zurück.

Wie oft müssen wir 10 multiplizieren, um 1000 zu erhalten?

Math.log10(1000);

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.log10()</h2>

<p>Math.log10() returns the base 10 logarithm of a number.</p>
<p>How many times must we multiply 10 to get 1000?</p>

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

<script>
document.getElementById("demo").innerHTML = Math.log10(1000);
</script>

</body>
</html>

JavaScript-Mathemethoden

abs(x)

Gibt den absoluten Wert von x zurück

acos(x)

Gibt den Arkuskosinus von x im Bogenmaß zurück

acosh(x)

Gibt den hyperbolischen Arkuskosinus von x zurück

asin(x)

Gibt den Arkussinus von x im Bogenmaß zurück

asinh(x)

Gibt den hyperbolischen Arkussinus von x zurück

atan(x)

Gibt den Arkustangens von x als numerischen Wert zwischen -PI/2 und PI/2 Bogenmaß zurück

atan2(y, x)

Gibt den Arkustangens des Quotienten seiner Argumente zurück

atanh(x)

Gibt den hyperbolischen Arkustangens von x zurück

cbrt(x)

Gibt die Kubikwurzel von x zurück

ceil(x)

Gibt x zurück, aufgerundet auf die nächste ganze Zahl

cos(x)

Gibt den Kosinus von x zurück (x ist im Bogenmaß)

cosh(x)

Gibt den hyperbolischen Kosinus von x zurück

exp(x)

Gibt den Wert von Ex zurück

floor(x)

Gibt x zurück, abgerundet auf die nächste ganze Zahl

log(x)

Gibt den natürlichen Logarithmus (Basis E) von x zurück

max(x, y, z, ..., n)

Gibt die Zahl mit dem höchsten Wert zurück

min(x, y, z, ..., n)

Gibt die Zahl mit dem niedrigsten Wert zurück

pow(x, y)

Gibt den Wert von x hoch y zurück

random()

Gibt eine Zufallszahl zwischen 0 und 1 zurück

round(x)

Rundet x auf die nächste ganze Zahl

sign(x)

Gibt zurück, wenn x negativ, null oder positiv ist (-1, 0, 1)

sin(x)

Gibt den Sinus von x zurück (x ist im Bogenmaß)

sinh(x)

Gibt den hyperbolischen Sinus von x zurück

sqrt(x)

Gibt die Quadratwurzel von x zurück

tan(x)

Gibt den Tangens eines Winkels zurück

tanh(x)

Gibt den hyperbolischen Tangens einer Zahl zurück

trunc(x)

Gibt den ganzzahligen Teil einer Zahl (x) zurück.

Vollständige Mathe-Referenz

Eine vollständige Referenz finden Sie in unserer vollständigen Mathe-Objektreferenz.

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