JavaScript Math-objektet låter dig utföra matematiska uppgifter på tal.
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>
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.
Syntaxen för alla Math-egenskap är: Math.egenskap
.
JavaScript tillhandahåller 8 matematiska konstanter som kan nås som matematiska egenskaper:
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>
Syntaxen för alla matematikmetoder är: Math.metod(nummer)
Det finns fyra vanliga metoder för att runda av ett tal till ett heltal:
Returnerar x avrundat till närmaste heltal
Returnerar x avrundat uppåt till närmaste heltal
Returnerar x avrundat nedåt till närmaste heltal
Returnerar heltalsdelen av x (ny i ES6)
Math.round()
Math.round(x)
returnerar närmaste heltal:
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:
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:
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:
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:
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:
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:
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:
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.
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.
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:
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>
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):
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(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å:
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(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(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>
Returnerar det absoluta värdet av x
Returnerar arccosinus för x, i radianer
Returnerar den hyperboliska arccosinusen för x
Returnerar bågen av x, i radianer
Returnerar den hyperboliska arcsinen för x
Returnerar arctangensen för x som ett numeriskt värde mellan -PI/2 och PI/2 radianer
Returnerar arctangensen för kvoten av dess argument
Returnerar den hyperboliska arktangensen för x
Returnerar kubikroten av x
Returnerar x, avrundat uppåt till närmaste heltal
Returnerar cosinus för x (x är i radianer)
Returnerar hyperbolisk cosinus för x
Returnerar värdet på Ex
Returnerar x, avrundat nedåt till närmaste heltal
Returnerar den naturliga logaritmen (bas E) för x
Returnerar talet med det högsta värdet
Returnerar talet med det lägsta värdet
Returnerar värdet av x till potensen av y
Returnerar ett slumptal mellan 0 och 1
Avrundar x till närmaste heltal
Returnerar om x är negativt, noll eller positivt (-1, 0, 1)
Returnerar sinus för x (x är i radianer)
Returnerar hyperbolisk sinus för x
Returnerar kvadratroten av x
Returnerar tangenten för en vinkel
Returnerar hyperbolisk tangens för ett tal
Returnerar heltalsdelen av ett tal (x)
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.