JavaScript Math Object

Indholdsfortegnelse

JavaScript Math-objektet giver dig mulighed for at udføre matematiske opgaver på tal.

Eksempel

Math.PI;

Prøv det selv →

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

I modsætning til andre objekter har Math-objektet ingen konstruktør.

Math-objektet er statisk.

Alle metoder og egenskaber kan bruges uden først at oprette et Math-objekt.

Matematiske egenskaber (konstanter)

Syntaksen for enhver Math-egenskab er: Math.egenskab.

JavaScript giver 8 matematiske konstanter, der kan tilgås som matematiske egenskaber:

Eksempel

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

Prøv det selv →

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

Matematiske metoder

Syntaksen for alle matematikmetoder er: Math.metode(tal)

Tal til heltal

Der er 4 almindelige metoder til at afrunde et tal til et heltal:

Math.round(x): Returnerer x afrundet til dets nærmeste heltal
Math.ceil(x): Returnerer x rundet op til dets nærmeste heltal
Math.floor(x): Returnerer x rundet ned til dets nærmeste heltal
Math.trunc(x): Returnerer heltalsdelen af x (nyt i ES6)

Math.round()

Math.round(x) returnerer det nærmeste heltal:

Eksempler

Math.round(4.6);

Prøv det selv →

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

Prøv det selv →

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

Prøv det selv →

<!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) returnerer værdien af x afrundet op til dets nærmeste heltal:

Eksempel

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

Prøv det selv →

<!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) returnerer værdien af x afrundet ned til dets nærmeste heltal:

Eksempel

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

Prøv det selv →

<!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) returnerer heltalsdelen af x:

Eksempel

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

Prøv det selv →

<!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) returnerer, hvis x er negativ, nul eller positiv:

Eksempel

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

Prøv det selv →

<!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() og Math.sign() blev tilføjet til JavaScript 2015 - ES6.

Math.pow()

Math.pow(x, y) returnerer værdien af x i potensen af y:

Eksempel

Math.pow(8, 2);

Prøv det selv →

<!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) returnerer kvadratroden af x:

Eksempel

Math.sqrt(64);

Prøv det selv →

<!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) returnerer den absolutte (positive) værdi af x:

Eksempel

Math.abs(-4.7);

Prøv det selv →

<!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) returnerer sinus (en værdi mellem -1 og 1) af vinklen x (angivet i radianer).

Hvis du vil bruge grader i stedet for radianer, skal du konvertere grader til radianer:

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

Eksempel

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

Prøv det selv →

<!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) returnerer cosinus (en værdi mellem -1 og 1) af vinklen x (angivet i radianer).

Hvis du vil bruge grader i stedet for radianer, skal du konvertere grader til radianer:

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

Eksempel

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

Prøv det selv →

<!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() og Math.max() kan bruges til at finde den laveste eller højeste værdi i en liste over argumenter:

Eksempel

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

Prøv det selv →

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

Eksempel

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

Prøv det selv →

<!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() returnerer et tilfældigt tal mellem 0 (inklusive) og 1 (eksklusiv):

Eksempel

Math.random();

Prøv det selv →

<!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 vil lære mere om Math.random() i det næste kapitel i denne øvelse.

Math.log()-metoden

Math.log(x) returnerer den naturlige logaritme af x.

Den naturlige logaritme returnerer den tid, der er nødvendig for at nå et vist niveau af vækst:

Eksempler

Math.log(1);

Prøv det selv →

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

Prøv det selv →

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

Prøv det selv →

<!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 og Math.log() er tvillinger.

Hvor mange gange skal vi gange Math.E for at få 10?

Math.log(10);

Prøv det selv →

<!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) returnerer basis 2-logaritmen af x.

Hvor mange gange skal vi gange 2 for at få 8?

Math.log2(8);

Prøv det selv →

<!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) returnerer basis 10-logaritmen af x.

Hvor mange gange skal vi gange 10 for at få 1000?

Math.log10(1000);

Prøv det selv →

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

abs(x): Returnerer den absolutte værdi af x
acos(x): Returnerer arccosinus af x i radianer
acosh(x): Returnerer den hyperbolske arccosinus af x
asin(x): Returnerer arcsinus af x i radianer
asinh(x): Returnerer den hyperbolske arcsinus af x
atan(x): Returnerer arctangensen af x som en numerisk værdi mellem -PI/2 og PI/2 radianer
atan2(y, x): Returnerer arctangensen af kvotienten af dens argumenter
atanh(x): Returnerer den hyperbolske arctangens af x
cbrt(x): Returnerer kubikroden af x
ceil(x): Returnerer x, afrundet opad til nærmeste heltal
cos(x): Returnerer cosinus af x (x er i radianer)
cosh(x): Returnerer den hyperbolske cosinus af x
exp(x): Returnerer værdien af E^x
floor(x): Returnerer x, afrundet nedad til nærmeste heltal
log(x): Returnerer den naturlige logaritme (grundtal E) af x
max(x, y, z, ..., n): Returnerer tallet med den højeste værdi
min(x, y, z, ..., n): Returnerer tallet med den laveste værdi
pow(x, y): Returnerer værdien af x i potensen af y
random(): Returnerer et tilfældigt tal mellem 0 og 1
round(x): Afrunder x til nærmeste heltal
sign(x): Returnerer, hvis x er negativ, nul eller positiv (-1, 0, 1)
sin(x): Returnerer sinus af x (x er i radianer)
sinh(x): Returnerer den hyperbolske sinus af x
sqrt(x): Returnerer kvadratroden af x
tan(x): Returnerer tangens af en vinkel
tanh(x): Returnerer den hyperbolske tangens af et tal
trunc(x): Returnerer heltalsdelen af et tal (x)

Komplet matematik reference

For en komplet reference, gå til vores Complete Math Object Reference.

Referencen indeholder beskrivelser og eksempler på alle matematiske egenskaber og metoder.