JavaScript matemaattinen objekti


Sisällysluettelo

    Näytä sisällysluettelo

JavaScript Math -objektin avulla voit suorittaa matemaattisia tehtäviä numeroita.

Esimerkki

Math.PI;

Kokeile itse →

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

Matemaattinen objekti

Toisin kuin muissa objekteissa, matemaattisella objektilla ei ole rakentajaa.

Math-objekti on staattinen.

Kaikkia menetelmiä ja ominaisuuksia voidaan käyttää luomatta ensin matemaattista objektia.


Matemaattiset ominaisuudet (vakiot)

Minkä tahansa Math-omaisuuden syntaksi on: Math.ominaisuus.

JavaScript tarjoaa 8 matemaattista vakiota, joita voidaan käyttää matemaattisina ominaisuuksina:

Esimerkki

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

Kokeile itse →

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

Matemaattiset menetelmät

Matemaattisten menetelmien syntaksi on: Math.method(number)


Numerosta kokonaisluku

On 4 yleistä tapaa pyöristää luku kokonaisluvuksi:

Math.round(x)

Palauttaa x:n pyöristettynä lähimpään kokonaislukuun

Math.ceil(x)

Palauttaa x:n pyöristettynä ylöspäin lähimpään kokonaislukuun

Math.floor(x)

Palauttaa x:n pyöristettynä alaspäin lähimpään kokonaislukuun

Math.trunc(x)

Palauttaa x:n kokonaislukuosan (uusi ES6:ssa)


Math.round()

Math.round(x) palauttaa lähimmän kokonaisluvun:

Esimerkkejä

Math.round(4.6);

Kokeile itse →

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

Kokeile itse →

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

Kokeile itse →

<!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) palauttaa x:n arvon pyöristettynä ylös lähimpään kokonaislukuun:

Esimerkki

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

Kokeile itse →

<!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) palauttaa x:n arvon pyöristettynä alas lähimpään kokonaislukuun:

Esimerkki

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

Kokeile itse →

<!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) palauttaa x:n kokonaislukuosan:

Esimerkki

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

Kokeile itse →

<!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) palauttaa, jos x on negatiivinen, tyhjä tai positiivinen:

Esimerkki

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

Kokeile itse →

<!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() ja Math.sign() lisättiin JavaScript 2015 - ES6:een.



Math.pow()

Math.pow(x, y) palauttaa x:n arvon y:n potenssiin:

Esimerkki

Math.pow(8, 2);

Kokeile itse →

<!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) palauttaa x:n neliöjuuren:

Esimerkki

Math.sqrt(64);

Kokeile itse →

<!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) palauttaa x:n absoluuttisen (positiivisen) arvon:

Esimerkki

Math.abs(-4.7);

Kokeile itse →

<!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) palauttaa kulman x sinin (arvon välillä -1 ja 1) (radiaaneina).

Jos haluat käyttää asteita radiaanien sijasta, sinun on muunnettava asteet radiaaneiksi:

Kulma radiaaneina=kulma asteina x PI/180.

Esimerkki

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

Kokeile itse →

<!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) palauttaa kulman x kosinin (arvon välillä -1 ja 1) (radiaaneina).

Jos haluat käyttää asteita radiaanien sijasta, sinun on muunnettava asteet radiaaneiksi:

Kulma radiaaneina=kulma asteina x PI/180.

Esimerkki

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

Kokeile itse →

<!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() ja Math.max() voidaan käyttää alimman tai suurimman arvon etsimiseen lista argumenteista:

Esimerkki

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

Kokeile itse →

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

Esimerkki

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

Kokeile itse →

<!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() palauttaa satunnaisluvun väliltä 0 (mukaan lukien) ja 1 (yksinomainen):

Esimerkki

Math.random();

Kokeile itse →

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

Saat lisätietoja Math.random()sta tämän opetusohjelman seuraavassa luvussa.


Math.log()-menetelmä

Math.log(x) palauttaa x:n luonnollisen logaritmin.

Luonnollinen logaritmi palauttaa ajan, joka tarvitaan tietyn kasvutason saavuttamiseen:

Esimerkkejä

Math.log(1);

Kokeile itse →

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

Kokeile itse →

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

Kokeile itse →

<!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 ja Math.log() ovat kaksoset.

Kuinka monta kertaa meidän täytyy kertoa Math.E saadaksemme 10?

Math.log(10);

Kokeile itse →

<!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() -menetelmä

Math.log2(x) palauttaa x:n 2 kantalogaritmin.

Kuinka monta kertaa meidän täytyy kertoa 2, jotta saadaan 8?

Math.log2(8);

Kokeile itse →

<!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() -menetelmä

Math.log10(x) palauttaa x:n 10 peruslogaritmin.

Kuinka monta kertaa meidän täytyy kertoa 10, jotta saadaan 1000?

Math.log10(1000);

Kokeile itse →

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

JavaScriptin matemaattiset menetelmät

abs(x)

Palauttaa x:n itseisarvon

acos(x)

Palauttaa x:n arkosinin radiaaneina

acosh(x)

Palauttaa x:n hyperbolisen arkosiinin

asin(x)

Palauttaa x:n arsinin radiaaneina

asinh(x)

Palauttaa x:n hyperbolisen arsinin

atan(x)

Palauttaa x:n arktangentin numeerisena arvona välillä -PI/2 ja PI/2 radiaaneja

atan2(y, x)

Palauttaa argumenttien osamäärän arktangentin

atanh(x)

Palauttaa x:n hyperbolisen arktangentin

cbrt(x)

Palauttaa x:n kuutiojuuren

ceil(x)

Palauttaa x:n pyöristettynä ylöspäin lähimpään kokonaislukuun

cos(x)

Palauttaa x:n kosinin (x on radiaaneina)

cosh(x)

Palauttaa x:n hyperbolisen kosinin

exp(x)

Palauttaa Ex:n arvon

floor(x)

Palauttaa x:n pyöristettynä alaspäin lähimpään kokonaislukuun

log(x)

Palauttaa x:n luonnollisen logaritmin (kanta E).

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

Palauttaa luvun, jolla on suurin arvo

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

Palauttaa luvun, jolla on pienin arvo

pow(x, y)

Palauttaa x:n arvon y:n potenssiin

random()

Palauttaa satunnaisluvun väliltä 0 ja 1

round(x)

Pyöristää x:n lähimpään kokonaislukuun

sign(x)

Palauttaa, jos x on negatiivinen, nolla tai positiivinen (-1, 0, 1)

sin(x)

Palauttaa x:n sinin (x on radiaaneina)

sinh(x)

Palauttaa x:n hyperbolisen sinin

sqrt(x)

Palauttaa x:n neliöjuuren

tan(x)

Palauttaa kulman tangentin

tanh(x)

Palauttaa luvun hyperbolisen tangentin

trunc(x)

Palauttaa luvun kokonaislukuosan (x)

Täydellinen matemaattinen viite

Täydellisen viittauksen saat kohdasta Täydellinen matemaattinen objektiviite.

Viite sisältää kuvauksia ja esimerkkejä kaikista matemaattisista ominaisuuksista ja menetelmistä.