Obiekt Math w JavaScripcie: wszystkie właściwości i metody

Skoro wiemy już, jak działają obiekty w JavaScripcie, przyjrzyjmy się obiektowi wbudowanemu w sam język, którego nie trzeba importować z żadnej biblioteki: Math, odpowiedzialnemu za poważniejsze obliczenia matematyczne.

Jeśli śledzisz ten kurs od początku, wiesz już, że JavaScript ma podstawowe operatory arytmetyczne (+, -, *, /) do prostych działań.

Obiekt Math idzie jednak znacznie dalej: daje zestaw właściwości i metod, którymi wykonasz złożone obliczenia z dużą dokładnością.

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

Właściwości obiektu Math w JavaScripcie

Obiekt Math ma kilka przydatnych właściwości:

• Math.PI: zwraca wartość liczby pi (3.14159). Przydaje się w obliczeniach trygonometrycznych.
• Math.E: zwraca wartość „e” (2.71828). Przydaje się w obliczeniach wykładniczych.

Oto przykład użycia tych właściwości:

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

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

Metody obiektu Math w JavaScripcie

Obiekt Math ma też sporo metod do bardziej złożonych obliczeń:

• Math.abs(x): zwraca wartość bezwzględną x. Na przykład Math.abs(-5) zwróci 5.
• Math.ceil(x): zwraca najmniejszą liczbę całkowitą większą lub równą x. Na przykład Math.ceil(4.3) zwróci 5.
• Math.floor(x): zwraca największą liczbę całkowitą mniejszą lub równą x. Na przykład Math.floor(4.7) zwróci 4.
• Math.round(x): zwraca liczbę całkowitą najbliższą x. Na przykład Math.round(4.4) zwróci 4, a Math.round(4.5) zwróci 5.
• Math.max(x, y, …): zwraca największą z przekazanych wartości. Na przykład Math.max(4, 6, 8, 2) zwróci 8.
• Math.min(x, y, …): zwraca najmniejszą z przekazanych wartości. Na przykład Math.min(4, 6, 8, 2) zwróci 2.
• Math.pow(x, y): zwraca x podniesione do potęgi y. Na przykład Math.pow(2, 3) zwróci 8.

Oto przykład użycia tych metod:

let nombre = -4.5;

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

Inne przydatne metody obiektu Math

Obiekt Math ma jeszcze kilka metod, które warto znać:

• Math.random(): zwraca liczbę losową z przedziału od 0 do 1. Służy najczęściej do generowania liczb losowych w zadanym zakresie. Żeby otrzymać liczbę losową od 1 do 10, wystarczy taki wzór:

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

• Math.sqrt(x): zwraca pierwiastek kwadratowy z x. Na przykład Math.sqrt(4) zwróci 2.
• Math.cbrt(x): zwraca pierwiastek sześcienny z x. Na przykład Math.cbrt(8) zwróci 2.
• Math.trunc(x): zwraca część całkowitą x, odcinając miejsca po przecinku. Na przykład Math.trunc(4.7) zwróci 4.

console.log(Math.random()); // wypisuje liczbę losową z przedziału od 0 do 1
console.log(Math.sqrt(4)); // wypisuje 2
console.log(Math.cbrt(8)); // wypisuje 2
console.log(Math.trunc(4.7)); // wypisuje 4

Podsumowanie

W tym rozdziale zobaczyliśmy, jak korzystać z właściwości i metod obiektu Math w JavaScripcie. W szczególności zobaczyliśmy, jak wykonywać podstawowe obliczenia, takie jak potęga, pierwiastek kwadratowy, zaokrąglanie, obcinanie i wartość bezwzględna. Zobaczyliśmy też, jak używać metod Math.max i Math.min do znajdowania maksimum i minimum dwóch lub więcej liczb.

W następnym rozdziale zajmiemy się manipulowaniem stroną HTML z poziomu JavaScriptu, przy użyciu selektorów i metod DOM.