JavaScript Math Object


Innehållsförteckning

    Visa innehållsförteckning

JavaScript Math-objektet låter dig utföra matematiska uppgifter på tal.

Exempel

Math.PI;

Prova själv →

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

Matematikobjektet

Till skillnad från andra objekt har Math-objektet ingen konstruktor.

Math-objektet är statiskt.

Alla metoder och egenskaper kan användas utan att först skapa ett Math-objekt.


Matematiska egenskaper (konstanter)

Syntaxen för alla Math-egenskap är: Math.egenskap.

JavaScript tillhandahåller 8 matematiska konstanter som kan nås som matematiska egenskaper:

Exempel

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

Prova själv →

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

Matematiska metoder

Syntaxen för alla matematikmetoder är: Math.metod(nummer)


Tal till heltal

Det finns fyra vanliga metoder för att runda av ett tal till ett heltal:

Math.round(x)

Returnerar x avrundat till närmaste heltal

Math.ceil(x)

Returnerar x avrundat uppåt till närmaste heltal

Math.floor(x)

Returnerar x avrundat nedåt till närmaste heltal

Math.trunc(x)

Returnerar heltalsdelen av x (ny i ES6)


Math.round()

Math.round(x) returnerar närmaste heltal:

Exempel

Math.round(4.6);

Prova själv →

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

Prova själv →

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

Prova själv →

<!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) returnerar värdet på x avrundat upp till närmaste heltal:

Exempel

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

Prova själv →

<!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) returnerar värdet på x avrundat nedåt till närmaste heltal:

Exempel

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

Prova själv →

<!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) returnerar heltalsdelen av x:

Exempel

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

Prova själv →

<!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) returnerar om x är negativt, null eller positivt:

Exempel

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

Prova själv →

<!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() och Math.sign() lades till i JavaScript 2015 - ES6.



Math.pow()

Math.pow(x, y) returnerar värdet av x till potensen av y:

Exempel

Math.pow(8, 2);

Prova själv →

<!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) returnerar kvadratroten av x:

Exempel

Math.sqrt(64);

Prova själv →

<!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) returnerar det absoluta (positiva) värdet av x:

Exempel

Math.abs(-4.7);

Prova själv →

<!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) returnerar sinus (ett värde mellan -1 och 1) för vinkeln x (angivet i radianer).

Om du vill använda grader istället för radianer måste du konvertera grader till radianer:

Vinkel i radianer=Vinkel i grader x PI/180.

Exempel

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

Prova själv →

<!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) returnerar cosinus (ett värde mellan -1 och 1) för vinkeln x (given i radianer).

Om du vill använda grader istället för radianer måste du konvertera grader till radianer:

Vinkel i radianer=Vinkel i grader x PI/180.

Exempel

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

Prova själv →

<!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() och Math.max() kan användas för att hitta det lägsta eller högsta värdet i en lista med argument:

Exempel

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

Prova själv →

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

Exempel

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

Prova själv →

<!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() returnerar ett slumptal mellan 0 (inklusive) och 1 (exklusiv):

Exempel

Math.random();

Prova själv →

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

Du kommer att lära dig mer om Math.random() i nästa kapitel i denna handledning.


Math.log()-metoden

Math.log(x) returnerar den naturliga logaritmen för x.

Den naturliga logaritmen returnerar den tid som behövs för att nå en viss tillväxtnivå:

Exempel

Math.log(1);

Prova själv →

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

Prova själv →

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

Prova själv →

<!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 och Math.log() är tvillingar.

Hur många gånger måste vi multiplicera Math.E för att få 10?

Math.log(10);

Prova själv →

<!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()-metoden

Math.log2(x) returnerar bas 2-logaritmen för x.

Hur många gånger måste vi multiplicera 2 för att få 8?

Math.log2(8);

Prova själv →

<!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()-metoden

Math.log10(x) returnerar bas 10-logaritmen för x.

Hur många gånger måste vi multiplicera 10 för att få 1000?

Math.log10(1000);

Prova själv →

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

abs(x)

Returnerar det absoluta värdet av x

acos(x)

Returnerar arccosinus för x, i radianer

acosh(x)

Returnerar den hyperboliska arccosinusen för x

asin(x)

Returnerar bågen av x, i radianer

asinh(x)

Returnerar den hyperboliska arcsinen för x

atan(x)

Returnerar arctangensen för x som ett numeriskt värde mellan -PI/2 och PI/2 radianer

atan2(y, x)

Returnerar arctangensen för kvoten av dess argument

atanh(x)

Returnerar den hyperboliska arktangensen för x

cbrt(x)

Returnerar kubikroten av x

ceil(x)

Returnerar x, avrundat uppåt till närmaste heltal

cos(x)

Returnerar cosinus för x (x är i radianer)

cosh(x)

Returnerar hyperbolisk cosinus för x

exp(x)

Returnerar värdet på Ex

floor(x)

Returnerar x, avrundat nedåt till närmaste heltal

log(x)

Returnerar den naturliga logaritmen (bas E) för x

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

Returnerar talet med det högsta värdet

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

Returnerar talet med det lägsta värdet

pow(x, y)

Returnerar värdet av x till potensen av y

random()

Returnerar ett slumptal mellan 0 och 1

round(x)

Avrundar x till närmaste heltal

sign(x)

Returnerar om x är negativt, noll eller positivt (-1, 0, 1)

sin(x)

Returnerar sinus för x (x är i radianer)

sinh(x)

Returnerar hyperbolisk sinus för x

sqrt(x)

Returnerar kvadratroten av x

tan(x)

Returnerar tangenten för en vinkel

tanh(x)

Returnerar hyperbolisk tangens för ett tal

trunc(x)

Returnerar heltalsdelen av ett tal (x)

Komplett mattereferens

För en fullständig referens, gå till vår Complete Math Object Reference.

Referensen innehåller beskrivningar och exempel på alla matematiska egenskaper och metoder.