Matematický objekt JavaScriptu

Obsah

    Zobrazit obsah

Objekt JavaScript Math vám umožňuje provádět matematické úlohy na čísla.

Příklad

Math.PI;

Zkuste to sami →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.PI</h2>

<p>Math.PI returns the ratio of a circle's circumference to its diameter:</p>

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

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

</body>
</html>

Matematický objekt

Na rozdíl od jiných objektů nemá objekt Math žádný konstruktor.

Objekt Math je statický.

Všechny metody a vlastnosti lze použít bez předchozího vytvoření objektu Math.

Matematické vlastnosti (konstanty)

Syntaxe jakékoli vlastnosti Math je: Math.vlastnost.

JavaScript poskytuje 8 matematických konstant, ke kterým lze přistupovat jako vlastnosti Math:

Příklad

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

Zkuste to sami →

<!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>

Matematické metody

Syntaxe metod Math any je: Math.method(číslo)

Číslo na celé číslo

Existují 4 běžné způsoby, jak zaokrouhlit číslo na celé číslo:

Math.round(x)

Vrátí x zaokrouhlené na nejbližší celé číslo

Math.ceil(x)

Vrátí x zaokrouhlené nahoru na nejbližší celé číslo

Math.floor(x)

Vrátí x zaokrouhlené dolů na nejbližší celé číslo

Math.trunc(x)

Vrátí celočíselnou část x (nové v ES6)

Math.round()

Math.round(x) vrátí nejbližší celé číslo:

Příklady

Math.round(4.6);

Zkuste to sami →

<!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);

Zkuste to sami →

<!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);

Zkuste to sami →

<!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) vrátí hodnotu x zaokrouhlenou nahoru na nejbližší celé číslo:

Příklad

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

Zkuste to sami →

<!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) vrátí hodnotu x zaokrouhlenou dolů na nejbližší celé číslo:

Příklad

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

Zkuste to sami →

<!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) vrací část celého čísla x:

Příklad

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

Zkuste to sami →

<!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) vrátí, pokud je x záporné, nulové nebo kladné:

Příklad

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

Zkuste to sami →

<!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() a Math.sign() byly přidány do JavaScriptu 2015 - ES6.

Math.pow()

Math.pow(x, y) vrátí hodnotu x na mocninu y:

Příklad

Math.pow(8, 2);

Zkuste to sami →

<!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) vrátí druhou odmocninu z x:

Příklad

Math.sqrt(64);

Zkuste to sami →

<!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) vrací absolutní (kladnou) hodnotu x:

Příklad

Math.abs(-4.7);

Zkuste to sami →

<!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) vrací sinus (hodnota mezi -1 a 1) úhlu x (zadaného v radiánech).

Pokud chcete místo radiánů použít stupně, musíte stupně převést na radiány:

Úhel v radiánech=Úhel ve stupních x PI/180.

Příklad

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

Zkuste to sami →

<!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) vrací kosinus (hodnota mezi -1 a 1) úhlu x (zadaného v radiánech).

Pokud chcete místo radiánů použít stupně, musíte stupně převést na radiány:

Úhel v radiánech=Úhel ve stupních x PI/180.

Příklad

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

Zkuste to sami →

<!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() a Math.max() lze použít k nalezení nejnižší nebo nejvyšší hodnoty v seznam argumentů:

Příklad

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

Zkuste to sami →

<!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>

Příklad

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

Zkuste to sami →

<!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() vrací náhodné číslo mezi 0 (včetně) a 1 (výhradní):

Příklad

Math.random();

Zkuste to sami →

<!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>

Více o Math.random() se dozvíte v další kapitole tohoto tutoriálu.

Metoda Math.log().

Math.log(x) vrací přirozený logaritmus x.

Přirozený logaritmus vrací čas potřebný k dosažení určité úrovně růstu:

Příklady

Math.log(1);

Zkuste to sami →

<!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);

Zkuste to sami →

<!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);

Zkuste to sami →

<!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 a Math.log() jsou dvojčata.

Kolikrát musíme vynásobit Math.E, abychom dostali 10?

Math.log(10);

Zkuste to sami →

<!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>

Metoda Math.log2().

Math.log2(x) vrací základní 2 logaritmus x.

Kolikrát musíme vynásobit 2, abychom dostali 8?

Math.log2(8);

Zkuste to sami →

<!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>

Metoda Math.log10().

Math.log10(x) vrací základní 10 logaritmus x.

Kolikrát musíme vynásobit 10, abychom dostali 1000?

Math.log10(1000);

Zkuste to sami →

<!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>

Matematické metody JavaScriptu

abs(x)

Vrátí absolutní hodnotu x

acos(x)

Vrátí arckosinus x v radiánech

acosh(x)

Vrátí hyperbolický arkkosinus x

asin(x)

Vrátí arkussinus x v radiánech

asinh(x)

Vrátí hyperbolický arkussinus x

atan(x)

Vrátí arkustangens x jako číselnou hodnotu mezi -PI/2 a PI/2 radiány

atan2(y, x)

Vrátí arkustangens podílu jeho argumentů

atanh(x)

Vrátí hyperbolický arkustangens x

cbrt(x)

Vrátí odmocninu z x

ceil(x)

Vrátí x, zaokrouhlené nahoru na nejbližší celé číslo

cos(x)

Vrátí kosinus x (x je v radiánech)

cosh(x)

Vrátí hyperbolický kosinus x

exp(x)

Vrátí hodnotu Ex

floor(x)

Vrátí x, zaokrouhlené dolů na nejbližší celé číslo

log(x)

Vrátí přirozený logaritmus (základ E) x

max(x, y, z, ..., n)

Vrátí číslo s nejvyšší hodnotou

min(x, y, z, ..., n)

Vrátí číslo s nejnižší hodnotou

pow(x, y)

Vrátí hodnotu x na mocninu y

random()

Vrátí náhodné číslo mezi 0 a 1

round(x)

Zaokrouhlí x na nejbližší celé číslo

sign(x)

Vrátí, pokud je x záporné, nulové nebo kladné (-1, 0, 1)

sin(x)

Vrátí sinus x (x je v radiánech)

sinh(x)

Vrátí hyperbolický sinus x

sqrt(x)

Vrátí druhou odmocninu z x

tan(x)

Vrátí tangens úhlu

tanh(x)

Vrátí hyperbolický tangens čísla

trunc(x)

Vrátí celočíselnou část čísla (x)

Kompletní matematický odkaz

Úplnou referenci najdete v naší kompletní referenci matematických objektů.

Odkaz obsahuje popisy a příklady všech vlastností a metod Math.