Objeto Math en JavaScript: propiedades y métodos con ejemplos

Ahora que ya hemos visto cómo funcionan los objetos en JavaScript, vamos a descubrir cómo usar un objeto del runtime que Javascript ya incluye, sin tener que importar ninguna librería: Math, pensado para los cálculos matemáticos de alto nivel.

Si has seguido el tutorial desde el principio, ya sabes que JavaScript ofrece varios operadores aritméticos básicos (como +, -, *, /) que permiten hacer operaciones sencillas.

Ahora bien, el objeto Math va mucho más lejos: pone a tu disposición un buen número de propiedades y de métodos con los que hacer cálculos complejos con gran precisión.

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

Propiedades del objeto Math en Javascript

El objeto Math cuenta con varias propiedades útiles:

• Math.PI : devuelve el valor de pi (3.14159). Esta propiedad sirve para hacer cálculos trigonométricos.
• Math.E: devuelve el valor de «e» (2.71828). Esta propiedad sirve para hacer cálculos exponenciales.

Aquí tienes un ejemplo de uso de estas propiedades:

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

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

Métodos del objeto Math en Javascript

El objeto Math dispone además de muchos métodos útiles para hacer cálculos matemáticos complejos:

• Math.abs(x): devuelve el valor absoluto de x. Por ejemplo, Math.abs(-5) devolverá 5.
• Math.ceil(x): devuelve el entero más pequeño que sea mayor o igual que x. Por ejemplo, Math.ceil(4.3) devolverá 5.
• Math.floor(x): devuelve el entero más grande que sea menor o igual que x. Por ejemplo, Math.floor(4.7) devolverá 4.
• Math.round(x) : devuelve el entero más cercano a x. Por ejemplo, Math.round(4.4) devolverá 4, mientras que Math.round(4.5) devolverá 5.
• Math.max(x, y, …): devuelve el mayor de los valores pasados como argumento. Por ejemplo, Math.max(4, 6, 8, 2) devolverá 8.
• Math.min(x, y, …): devuelve el menor de los valores pasados como argumento. Por ejemplo, Math.min(4, 6, 8, 2) devolverá 2.
• Math.pow(x, y): devuelve el valor de x elevado a y. Por ejemplo, Math.pow(2, 3) devolverá 8.

Aquí tienes un ejemplo de uso de estos métodos:

let nombre = -4.5;

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

Otros métodos útiles del objeto Math

El objeto Math tiene también otros métodos útiles:

• Math.random(): devuelve un número aleatorio comprendido entre 0 y 1. Este método se usa a menudo para generar números aleatorios dentro de un intervalo determinado. Por ejemplo, para obtener un número aleatorio entre 1 y 10, se puede usar esta fórmula:

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

• Math.sqrt(x): devuelve la raíz cuadrada de x. Por ejemplo, Math.sqrt(4) devolverá 2.
• Math.cbrt(x): devuelve la raíz cúbica de x. Por ejemplo, Math.cbrt(8) devolverá 2.
• Math.trunc(x): devuelve la parte entera de x quitando los decimales. Por ejemplo, Math.trunc(4.7) devolverá 4.

console.log(Math.random()); // muestra un número aleatorio comprendido entre 0 y 1
console.log(Math.sqrt(4)); // muestra 2
console.log(Math.cbrt(8)); // muestra 2
console.log(Math.trunc(4.7)); // muestra 4

Conclusión

En este capítulo hemos visto cómo usar las propiedades y los métodos del objeto Math en JavaScript. En particular, hemos visto cómo realizar cálculos básicos como la potencia, la raíz cuadrada, el redondeo, el truncamiento y el valor absoluto. También hemos visto cómo usar los métodos Math.max y Math.min para encontrar el máximo y el mínimo de dos o más números.

En el próximo capítulo veremos cómo manipular la página HTML con JavaScript usando los selectores y los métodos del DOM.