Das Math-Objekt in JavaScript: Eigenschaften und Methoden

Nachdem wir gesehen haben, wie Objekte in JavaScript funktionieren, kommen wir zu einem Runtime-Objekt, das die Sprache schon mitbringt und für das keine Bibliothek importiert werden muss: Math, zuständig für anspruchsvollere Rechenaufgaben.

Wenn du das Tutorial von Anfang an verfolgt hast, weißt du bereits, dass JavaScript die arithmetischen Grundoperatoren (+, -, *, /) für einfache Rechnungen mitbringt.

Das Math-Objekt geht allerdings deutlich weiter: es bietet eine Reihe von Eigenschaften und Methoden, mit denen du komplexe Berechnungen mit hoher Genauigkeit durchführst.

console.log(Math.PI); // gibt 3.141592653589793 aus
console.log(Math.abs(-10)); // gibt 10 aus
console.log(Math.pow(2, 10)); // gibt 1024 aus
console.log(Math.sqrt(25)); // gibt 5 aus
console.log(Math.cbrt(8)); // gibt 2 aus
console.log(Math.exp(2)); // gibt 7.38905609893065 aus
// usw...

Eigenschaften des Math-Objekts in JavaScript

Das Math-Objekt hat mehrere nützliche Eigenschaften:

• Math.PI: gibt den Wert von Pi zurück (3.14159). Nimm sie für trigonometrische Berechnungen.
• Math.E: gibt den Wert von „e“ zurück (2.71828). Nimm sie für Exponentialrechnungen.

Hier ein Beispiel für den Einsatz dieser Eigenschaften:

let rayon = 5;
let circonference = 2 * Math.PI * rayon;
let aire = Math.PI * rayon * rayon;

console.log(`Circonférence : ${circonference}`);
// gibt "Circonférence : 31.41592653589793" aus
console.log(`Aire : ${aire}`);
// gibt "Aire : 78.53981633974483" aus

Methoden des Math-Objekts in JavaScript

Das Math-Objekt bringt außerdem zahlreiche Methoden für komplexere Berechnungen mit:

• Math.abs(x): gibt den Absolutwert von x zurück. Math.abs(-5) liefert zum Beispiel 5.
• Math.ceil(x): gibt die kleinste ganze Zahl zurück, die größer oder gleich x ist. Math.ceil(4.3) liefert zum Beispiel 5.
• Math.floor(x): gibt die größte ganze Zahl zurück, die kleiner oder gleich x ist. Math.floor(4.7) liefert zum Beispiel 4.
• Math.round(x): gibt die x am nächsten liegende ganze Zahl zurück. Math.round(4.4) liefert zum Beispiel 4, Math.round(4.5) dagegen 5.
• Math.max(x, y, …): gibt den größten der übergebenen Werte zurück. Math.max(4, 6, 8, 2) liefert zum Beispiel 8.
• Math.min(x, y, …): gibt den kleinsten der übergebenen Werte zurück. Math.min(4, 6, 8, 2) liefert zum Beispiel 2.
• Math.pow(x, y): gibt x hoch y zurück. Math.pow(2, 3) liefert zum Beispiel 8.

Hier ein Beispiel für den Einsatz dieser Methoden:

let nombre = -4.5;

console.log(Math.abs(nombre)); // gibt 4.5 aus
console.log(Math.ceil(nombre)); // gibt -4 aus
console.log(Math.floor(nombre)); // gibt -5 aus
console.log(Math.round(nombre)); // gibt -4 aus
console.log(Math.max(4, 6, 8, 2)); // gibt 8 aus
console.log(Math.min(4, 6, 8, 2)); // gibt 2 aus
console.log(Math.pow(2, 3)); // gibt 8 aus

Weitere nützliche Methoden des Math-Objekts

Das Math-Objekt hat noch ein paar weitere Methoden, die man kennen sollte:

• Math.random(): gibt eine Zufallszahl zwischen 0 und 1 zurück. Sie dient häufig dazu, Zufallszahlen in einem bestimmten Intervall zu erzeugen. Für eine Zufallszahl zwischen 1 und 10 etwa:

let aleatoire = Math.floor(Math.random() * 10) + 1;

• Math.sqrt(x): gibt die Quadratwurzel von x zurück. Math.sqrt(4) liefert zum Beispiel 2.
• Math.cbrt(x): gibt die Kubikwurzel von x zurück. Math.cbrt(8) liefert zum Beispiel 2.
• Math.trunc(x): gibt den ganzzahligen Teil von x zurück und schneidet die Nachkommastellen ab. Math.trunc(4.7) liefert zum Beispiel 4.

console.log(Math.random()); // gibt eine Zufallszahl zwischen 0 und 1 aus
console.log(Math.sqrt(4)); // gibt 2 aus
console.log(Math.cbrt(8)); // gibt 2 aus
console.log(Math.trunc(4.7)); // gibt 4 aus

Fazit

In diesem Kapitel haben wir gesehen, wie man die Eigenschaften und Methoden des Math-Objekts in JavaScript nutzt. Insbesondere haben wir Grundrechnungen wie Potenz, Quadratwurzel, Rundung, Abschneiden und Absolutwert durchgeführt. Wir haben auch gesehen, wie man mit Math.max und Math.min das Maximum und das Minimum von zwei oder mehr Zahlen ermittelt.

Im nächsten Kapitel bearbeiten wir die HTML-Seite mit JavaScript, über Selektoren und DOM-Methoden.