Mit dem JavaScript-Math-Objekt können Sie mathematische Aufgaben ausführen Zahlen.
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>
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.
Die Syntax für jede Math-Eigenschaft lautet: Math.property
.
JavaScript stellt 8 mathematische Konstanten bereit, auf die als mathematische Eigenschaften zugegriffen werden kann:
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>
Die Syntax für Math Any-Methoden lautet: Math.method(number)
Es gibt vier gängige Methoden, um eine Zahl auf eine ganze Zahl zu runden:
Gibt x auf die nächste Ganzzahl gerundet zurück
Gibt x zurück, aufgerundet auf die nächste Ganzzahl
Gibt x zurück, abgerundet auf die nächste ganze Zahl
Gibt den ganzzahligen Teil von x zurück (neu in ES6)
Math.round()
Math.round(x)
gibt die nächste ganze Zahl zurück:
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:
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:
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:
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:
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:
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:
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:
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.
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.
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:
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>
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):
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()
.
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:
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>
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>
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>
Gibt den absoluten Wert von x zurück
Gibt den Arkuskosinus von x im Bogenmaß zurück
Gibt den hyperbolischen Arkuskosinus von x zurück
Gibt den Arkussinus von x im Bogenmaß zurück
Gibt den hyperbolischen Arkussinus von x zurück
Gibt den Arkustangens von x als numerischen Wert zwischen -PI/2 und PI/2 Bogenmaß zurück
Gibt den Arkustangens des Quotienten seiner Argumente zurück
Gibt den hyperbolischen Arkustangens von x zurück
Gibt die Kubikwurzel von x zurück
Gibt x zurück, aufgerundet auf die nächste ganze Zahl
Gibt den Kosinus von x zurück (x ist im Bogenmaß)
Gibt den hyperbolischen Kosinus von x zurück
Gibt den Wert von Ex zurück
Gibt x zurück, abgerundet auf die nächste ganze Zahl
Gibt den natürlichen Logarithmus (Basis E) von x zurück
Gibt die Zahl mit dem höchsten Wert zurück
Gibt die Zahl mit dem niedrigsten Wert zurück
Gibt den Wert von x hoch y zurück
Gibt eine Zufallszahl zwischen 0 und 1 zurück
Rundet x auf die nächste ganze Zahl
Gibt zurück, wenn x negativ, null oder positiv ist (-1, 0, 1)
Gibt den Sinus von x zurück (x ist im Bogenmaß)
Gibt den hyperbolischen Sinus von x zurück
Gibt die Quadratwurzel von x zurück
Gibt den Tangens eines Winkels zurück
Gibt den hyperbolischen Tangens einer Zahl zurück
Gibt den ganzzahligen Teil einer Zahl (x) zurück.
Eine vollständige Referenz finden Sie in unserer vollständigen Mathe-Objektreferenz.
Die Referenz enthält Beschreibungen und Beispiele aller Math-Eigenschaften und -Methoden.