Математический объект JavaScript

Математический объект

В отличие от других объектов, объект Math не имеет конструктора.

Объект Math является статическим.

Все методы и свойства можно использовать без предварительного создания объекта Math.

Математические свойства (константы)

Синтаксис любого математического свойства: Math.property.

JavaScript предоставляет 8 математических констант, к которым можно получить доступ как к математическим свойствам:

Пример

Math.E        // returns Euler's number
Math.PI       // returns PI
Math.SQRT2    // returns the square root of 2
Math.SQRT1_2  // returns the square root of 1/2
Math.LN2      // returns the natural logarithm of 2
Math.LN10     // returns the natural logarithm of 10
Math.LOG2E    // returns base 2 logarithm of E
Math.LOG10E   // returns base 10 logarithm of E

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math Constants</h2>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 
"<p><b>Math.E:</b> " + Math.E + "</p>" +
"<p><b>Math.PI:</b> " + Math.PI + "</p>" +
"<p><b>Math.SQRT2:</b> " + Math.SQRT2 + "</p>" +
"<p><b>Math.SQRT1_2:</b> " + Math.SQRT1_2 + "</p>" +
"<p><b>Math.LN2:</b> " + Math.LN2 + "</p>" +
"<p><b>Math.LN10:</b> " + Math.LN10 + "</p>" +
"<p><b>Math.LOG2E:</b> " + Math.LOG2E + "</p>" +
"<p><b>Math.Log10E:</b> " + Math.LOG10E + "</p>";
</script>

</body>
</html>

Математические методы

Синтаксис любых методов Math: Math.method(number)

Число в целое число

Существует 4 распространенных метода округления числа до целого:

Math.round(x): Возвращает x, округленный до ближайшего целого числа
Math.ceil(x): Возвращает x, округленное до ближайшего целого числа.
Math.floor(x): Возвращает x, округленное до ближайшего целого числа.
Math.trunc(x): Возвращает целую часть x (новое в ES6)

Math.round()

Math.round(x) возвращает ближайшее целое число:

Примеры

Math.round(4.6);

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.round()</h2>

<p>Math.round(x) returns the value of x rounded to its nearest integer:</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = Math.round(4.6);
</script>

</body>
</html>

Math.round(4.5);

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.round()</h2>

<p>Math.round(x) returns the value of x rounded to its nearest integer:</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = Math.round(4.5);
</script>

</body>
</html>

Math.round(4.4);

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.round()</h2>

<p>Math.round(x) returns the value of x rounded to its nearest integer:</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = Math.round(4.4);
</script>

</body>
</html>

Math.ceil()

Math.ceil(x) возвращает значение x, округленное вверх до ближайшего целого числа:

Пример

Math.ceil(4.9);
Math.ceil(4.7);
Math.ceil(4.4);
Math.ceil(4.2);
Math.ceil(-4.2);

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.ceil()</h2>

<p>Math.ceil() rounds a number <strong>up</strong> to its nearest integer:</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = Math.ceil(4.4);
</script>

</body>
</html>

Math.floor()

Math.floor(x) возвращает значение x, округленное вниз, до ближайшего целого числа:

Пример

Math.floor(4.9);
Math.floor(4.7);
Math.floor(4.4);
Math.floor(4.2);
Math.floor(-4.2);

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.floor()</h2>

<p>Math.floor(x) returns the value of x rounded <strong>down</strong> to its nearest integer:</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = Math.floor(4.7);
</script>

</body>
</html>

Math.trunc()

Math.trunc(x) возвращает целую часть x:

Пример

Math.trunc(4.9);
Math.trunc(4.7);
Math.trunc(4.4);
Math.trunc(4.2);
Math.trunc(-4.2);

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.trunc()</h2>

<p>Math.trunc(x) returns the integer part of x:</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = Math.trunc(4.7);
</script>

</body>
</html>

Math.sign()

Math.sign(x) возвращает значение, если x отрицательное, нулевое или положительное:

Пример

Math.sign(-4);
Math.sign(0);
Math.sign(4);

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.sign()</h2>

<p>Math.sign(x) returns if x is negative, null or positive:</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = Math.sign(4);
</script>

</body>
</html>

Math.trunc() и Math.sign() были добавлены в JavaScript 2015 - ES6.

Math.pow()

Math.pow(x, y) возвращает значение x в степени y:

Пример

Math.pow(8, 2);

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.pow()</h2>

<p>Math.pow(x,y) returns the value of x to the power of y:</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = Math.pow(8,2);
</script>

</body>
</html>

Math.sqrt()

Math.sqrt(x) возвращает квадратный корень из x:

Пример

Math.sqrt(64);

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.sqrt()</h2>

<p>Math.sqrt(x) returns the square root of x:</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = Math.sqrt(64);
</script>

</body>
</html>

Math.abs()

Math.abs(x) возвращает абсолютное (положительное) значение x:

Пример

Math.abs(-4.7);

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.abs()</h2>

<p>Math.abs(x) returns the absolute (positive) value of x:</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = Math.abs(-4.7);
</script>

</body>
</html>

Math.sin()

Math.sin(x) возвращает синус (значение от -1 до 1) угла x (задается в радианах).

Если вы хотите использовать градусы вместо радиан, вам необходимо преобразовать градусы в радианы:

Угол в радианах=Угол в градусах x PI/180.

Пример

Math.sin(90 * Math.PI / 180);     // returns 1 (the sine of 90 degrees)

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.sin()</h2>

<p>Math.sin(x) returns the sin of x (given in radians):</p>
<p>Angle in radians = (angle in degrees) * PI / 180.</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 
"The sine value of 90 degrees is " + Math.sin(90 * Math.PI / 180);
</script>

</body>
</html>

Math.cos()

Math.cos(x) возвращает косинус (значение от -1 до 1) угла x (задается в радианах).

Если вы хотите использовать градусы вместо радиан, вам необходимо преобразовать градусы в радианы:

Угол в радианах=Угол в градусах x PI/180.

Пример

Math.cos(0 * Math.PI / 180);     // returns 1 (the cos of 0 degrees)

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.cos()</h2>

<p>Math.cos(x) returns the cosine of x (given in radians):</p>
<p>Angle in radians = (angle in degrees) * PI / 180.</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 
"The cosine value of 0 degrees is " + Math.cos(0 * Math.PI / 180);
</script>

</body>
</html>

Math.min() / Math.max()

Math.min() и Math.max() можно использовать для поиска наименьшего или наибольшего значения в список аргументов:

Пример

Math.min(0, 150, 30, 20, -8, -200);

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.min()</h2>

<p>Math.min() returns the lowest value in a list of arguments:</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
Math.min(0, 150, 30, 20, -8, -200);
</script>

</body>
</html>

Пример

Math.max(0, 150, 30, 20, -8, -200);

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.max()</h2>

<p>Math.max() returns the highest value in a list of arguments.</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
Math.max(0, 150, 30, 20, -8, -200);
</script>

</body>
</html>

Math.random()

Math.random() возвращает случайное число от 0 (включительно) до 1. (эксклюзив):

Пример

Math.random();

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.random()</h2>

<p>Math.random() returns a random number between 0 and 1:</p>

<p id="demo"></p>

<p>Tip: Click on "Run" several times.</p>

<script>
document.getElementById("demo").innerHTML = Math.random();
</script>

</body>
</html>

Вы узнаете больше о Math.random() в следующей главе этого руководства.

Метод Math.log()

Math.log(x) возвращает натуральный логарифм x.

Натуральный логарифм возвращает время, необходимое для достижения определенного уровня роста:

Примеры

Math.log(1);

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.log()</h2>

<p>Math.log() returns the natural logarithm of a number:</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = Math.log(1);
</script>

</body>
</html>

Math.log(2);

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.log()</h2>

<p>Math.log() returns the natural logarithm of a number:</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = Math.log(2);
</script>

</body>
</html>

Math.log(3);

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.log()</h2>

<p>Math.log() returns the natural logarithm of a number:</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = Math.log(3);
</script>

</body>
</html>

Math.E и Math.log() — близнецы.

Сколько раз нам нужно умножить Math.E, чтобы получить 10?

Math.log(10);

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.log()</h2>

<p>How many times must we multiply Math.E to get 10?</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = Math.log(10);
</script>

</body>
</html>

Метод Math.log2()

Math.log2(x) возвращает логарифм по основанию 2 от x.

Сколько раз нужно умножить 2, чтобы получить 8?

Math.log2(8);

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.log2()</h2>

<p>Math.log2() returns the base 2 logarithm of a number.</p>
<p>How many times must we multiply 2 to get 8?</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = Math.log2(8);
</script>

</body>
</html>

Метод Math.log10()

Math.log10(x) возвращает логарифм по основанию 10 от x.

Сколько раз нужно умножить 10, чтобы получить 1000?

Math.log10(1000);

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.log10()</h2>

<p>Math.log10() returns the base 10 logarithm of a number.</p>
<p>How many times must we multiply 10 to get 1000?</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = Math.log10(1000);
</script>

</body>
</html>

Математические методы JavaScript

abs(x): Возвращает абсолютное значение x
acos(x): Возвращает арккосинус x в радианах
acosh(x): Возвращает гиперболический арккосинус x
asin(x): Возвращает арксинус x в радианах
asinh(x): Возвращает гиперболический арксинус x
atan(x): Возвращает арктангенс x как числовое значение между радианами -PI/2 и PI/2.
atan2(y, x): Возвращает арктангенс частного аргументов.
atanh(x): Возвращает гиперболический арктангенс x
cbrt(x): Возвращает кубический корень из x
ceil(x): Возвращает x, округленный вверх до ближайшего целого числа.
cos(x): Возвращает косинус x (x в радианах)
cosh(x): Возвращает гиперболический косинус x
exp(x): Возвращает значение E^x
floor(x): Возвращает x, округленный вниз до ближайшего целого числа.
log(x): Возвращает натуральный логарифм (по основанию E) числа x.
max(x, y, z, ..., n): Возвращает число с наибольшим значением
min(x, y, z, ..., n): Возвращает число с наименьшим значением
pow(x, y): Возвращает значение x в степени y
random(): Возвращает случайное число от 0 до 1
round(x): Округляет x до ближайшего целого числа
sign(x): Возвращает, если x отрицательное, нулевое или положительное (-1, 0, 1)
sin(x): Возвращает синус x (x в радианах)
sinh(x): Возвращает гиперболический синус x
sqrt(x): Возвращает квадратный корень из x
tan(x): Возвращает тангенс угла
tanh(x): Возвращает гиперболический тангенс числа
trunc(x): Возвращает целую часть числа (x)

Полный справочник по математике

Для получения полной информации перейдите к нашему Полному справочнику по математическим объектам.

Справочник содержит описания и примеры всех свойств и методов Math.

Математический объект JavaScript

Оглавление

Пример