Oggetto Math in JavaScript: proprietà e metodi con esempi

Ora che abbiamo visto come funzionano gli oggetti in JavaScript, passiamo a un oggetto già presente nel runtime, che non richiede nessuna libreria da importare: Math, quello che JavaScript dedica ai calcoli matematici di alto livello.

Se segui il tutorial dall’inizio sai già che JavaScript mette a disposizione diversi operatori aritmetici di base (come +, -, *, /) per le operazioni semplici.

L’oggetto Math, però, va molto più in là: offre una serie di proprietà e di metodi con cui fare calcoli complessi e con grande precisione.

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

Proprietà dell’oggetto Math in JavaScript

L’oggetto Math espone alcune proprietà utili:

• Math.PI: restituisce il valore di pi greco (3.14159). Serve per i calcoli trigonometrici.
• Math.E: restituisce il valore di «e» (2.71828). Serve per i calcoli esponenziali.

Ecco un esempio d’uso di queste proprietà:

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

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

Metodi dell’oggetto Math in JavaScript

L’oggetto Math mette a disposizione anche parecchi metodi utili per i calcoli matematici complessi:

• Math.abs(x): restituisce il valore assoluto di x. Per esempio, Math.abs(-5) restituisce 5.
• Math.ceil(x): restituisce il più piccolo intero maggiore o uguale a x. Per esempio, Math.ceil(4.3) restituisce 5.
• Math.floor(x): restituisce il più grande intero minore o uguale a x. Per esempio, Math.floor(4.7) restituisce 4.
• Math.round(x): restituisce l’intero più vicino a x. Per esempio, Math.round(4.4) restituisce 4, mentre Math.round(4.5) restituisce 5.
• Math.max(x, y, …): restituisce il massimo dei valori passati come argomento. Per esempio, Math.max(4, 6, 8, 2) restituisce 8.
• Math.min(x, y, …): restituisce il minimo dei valori passati come argomento. Per esempio, Math.min(4, 6, 8, 2) restituisce 2.
• Math.pow(x, y): restituisce x elevato alla y. Per esempio, Math.pow(2, 3) restituisce 8.

Ecco un esempio d’uso di questi metodi:

let nombre = -4.5;

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

Altri metodi utili dell’oggetto Math

L’oggetto Math ha anche altri metodi utili:

• Math.random(): restituisce un numero casuale compreso tra 0 e 1. Si usa spesso per generare numeri casuali dentro un intervallo preciso. Per esempio, per ottenere un numero casuale tra 1 e 10 puoi usare questa formula:

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

• Math.sqrt(x): restituisce la radice quadrata di x. Per esempio, Math.sqrt(4) restituisce 2.
• Math.cbrt(x): restituisce la radice cubica di x. Per esempio, Math.cbrt(8) restituisce 2.
• Math.trunc(x): restituisce la parte intera di x eliminando i decimali. Per esempio, Math.trunc(4.7) restituisce 4.

console.log(Math.random()); // mostra un numero casuale compreso tra 0 e 1
console.log(Math.sqrt(4)); // mostra 2
console.log(Math.cbrt(8)); // mostra 2
console.log(Math.trunc(4.7)); // mostra 4

Conclusione

In questo capitolo abbiamo visto come usare le proprietà e i metodi dell’oggetto Math in JavaScript. In particolare abbiamo visto come eseguire calcoli di base come la potenza, la radice quadrata, l’arrotondamento, il troncamento e il valore assoluto. Abbiamo anche visto come usare i metodi Math.max e Math.min per trovare il massimo e il minimo di due o più numeri.

Nel prossimo capitolo vedremo come manipolare la pagina HTML con JavaScript usando i selettori e i metodi del DOM.