Het Math-object in JavaScript: eigenschappen en methodes

Nu we hebben gezien hoe objecten in JavaScript werken, kijken we naar een runtime-object dat al in de taal zit en waarvoor je dus geen library hoeft te importeren: Math, bedoeld voor wiskunde van een hoger niveau.

Volg je deze tutorial vanaf het begin, dan weet je al dat JavaScript de gebruikelijke rekenkundige operatoren kent (+, -, *, /) voor eenvoudige bewerkingen.

Het Math-object gaat een stuk verder: het biedt een reeks eigenschappen en methodes waarmee je complexe berekeningen met grote precisie uitvoert.

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

Eigenschappen van het Math-object in JavaScript

Het Math-object heeft een paar handige eigenschappen:

• Math.PI: geeft de waarde van pi terug (3.14159). Handig voor trigonometrische berekeningen.
• Math.E: geeft de waarde van “e” terug (2.71828). Handig voor exponentiële berekeningen.

Zo gebruik je die twee eigenschappen:

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

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

Methodes van het Math-object in JavaScript

Het Math-object heeft daarnaast een hele reeks methodes voor complexere berekeningen:

• Math.abs(x): geeft de absolute waarde van x terug. Math.abs(-5) geeft dus 5.
• Math.ceil(x): geeft het kleinste gehele getal terug dat groter is dan of gelijk is aan x. Math.ceil(4.3) geeft 5.
• Math.floor(x): geeft het grootste gehele getal terug dat kleiner is dan of gelijk is aan x. Math.floor(4.7) geeft 4.
• Math.round(x): geeft het dichtstbijzijnde gehele getal bij x terug. Math.round(4.4) geeft 4, Math.round(4.5) geeft 5.
• Math.max(x, y, …): geeft de grootste van de meegegeven waarden terug. Math.max(4, 6, 8, 2) geeft 8.
• Math.min(x, y, …): geeft de kleinste van de meegegeven waarden terug. Math.min(4, 6, 8, 2) geeft 2.
• Math.pow(x, y): geeft x tot de macht y terug. Math.pow(2, 3) geeft 8.

Zo gebruik je die methodes:

let nombre = -4.5;

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

Andere handige methodes van het Math-object

Het Math-object heeft nog een paar nuttige methodes:

• Math.random(): geeft een willekeurig getal tussen 0 en 1 terug. Deze methode wordt vaak gebruikt om een willekeurig getal binnen een bereik te trekken. Voor een getal tussen 1 en 10 gebruik je bijvoorbeeld deze formule:

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

• Math.sqrt(x): geeft de vierkantswortel van x terug. Math.sqrt(4) geeft 2.
• Math.cbrt(x): geeft de derdemachtswortel van x terug. Math.cbrt(8) geeft 2.
• Math.trunc(x): geeft het gehele deel van x terug en kapt de decimalen af. Math.trunc(4.7) geeft 4.

console.log(Math.random()); // toont een willekeurig getal tussen 0 en 1
console.log(Math.sqrt(4)); // toont 2
console.log(Math.cbrt(8)); // toont 2
console.log(Math.trunc(4.7)); // toont 4

Conclusie

In dit hoofdstuk hebben we gezien hoe je de eigenschappen en methoden van het Math-object in JavaScript gebruikt. We hebben met name gezien hoe je basisberekeningen uitvoert zoals machtsverheffen, vierkantswortels, afronden, afkappen en absolute waarden. We hebben ook gezien hoe je met Math.max en Math.min het maximum en minimum van twee of meer getallen vindt.

In het volgende hoofdstuk bewerken we de HTML-pagina met JavaScript, met selectors en DOM-methodes.