DE
JavaScript - Math.round() Methode - Beispiel
3 points
Math round ist eine statische Methode, die eine Zahl zurückgibt, die auf die nächste Ganzzahl gerundet wird.
xxxxxxxxxx1
console.log( Math.round( 5 ) ); // 52
3
console.log( Math.round( 2.49 ) ); // 24
console.log( Math.round( 2.50 ) ); // 35
console.log( Math.round( 2.51 ) ); // 36
7
console.log( Math.round( -2.49 ) ); // -28
console.log( Math.round( -2.50 ) ); // -29
console.log( Math.round( -2.51 ) ); // -310
11
console.log( Math.round( 0.999 ) ); // 112
console.log( Math.round( 1.001 ) ); // 113
console.log( Math.round( -1.001 ) ); // -1| Syntax | Math.round(number) |
| Parameter | number - Ganzzahl oder Gleitkommazahlwert (primitiver Wert). |
| Ergebnis | Abgerundeter Zahlenwert (primitiver Wert). |
| Beschreibung | round ist eine statische Methode, die eine Zahl zurückgibt, die auf die nächste Ganzzahl gerundet wird. |
Dieser Abschnitt enthält eine benutzerdefinierte Funktion, die zeigt, wie Zahlen mit Genauigkeit auf n Stellen gerundet werden.
xxxxxxxxxx1
function roundPrecised(number, precision) {2
var power = Math.pow(10, precision);3
4
return Math.round(number * power) / power;5
}6
7
// Beispiel:8
9
console.log( roundPrecised( 5 , 0 ) ); // 510
console.log( roundPrecised( 5. , 0 ) ); // 511
console.log( roundPrecised( .5, 0 ) ); // 112
13
console.log( roundPrecised( 1.2345, 0 ) ); // 114
console.log( roundPrecised( 1.2345, 1 ) ); // 1.215
console.log( roundPrecised( 1.2345, 2 ) ); // 1.2316
console.log( roundPrecised( 1.2345, 3 ) ); // 1.23517
18
console.log( roundPrecised( -1.2345, 0 ) ); // -119
console.log( roundPrecised( -1.2345, 1 ) ); // -1.220
console.log( roundPrecised( -1.2345, 2 ) ); // -1.2321
console.log( roundPrecised( -1.2345, 3 ) ); // -1.23422
23
console.log( roundPrecised( 12345, -1 ) ); // 1235024
console.log( roundPrecised( 12345, -2 ) ); // 1230025
console.log( roundPrecised( 12345, -3 ) ); // 12000Dieser Abschnitt enthält eine benutzerdefinierte Implementierung von round-Funktion.
xxxxxxxxxx1
function roundNumber(value) {2
if (value < 0.0) {3
var rest = (value % 1.0);4
5
if(rest < -0.5) {6
rest += 1.0;7
}8
9
return value - rest;10
} else {11
value += 0.5;12
13
return value - (value % 1.0);14
}15
}16
17
// Beispiel:18
19
console.log( roundNumber( 5 ) ); // 520
21
console.log( roundNumber( 2.49 ) ); // 222
console.log( roundNumber( 2.50 ) ); // 323
console.log( roundNumber( 2.51 ) ); // 324
25
console.log( roundNumber( 0.999 ) ); // 126
console.log( roundNumber( 1.001 ) ); // 127
28
console.log( roundNumber( -2.49 ) ); // -229
console.log( roundNumber( -2.50 ) ); // -230
console.log( roundNumber( -2.51 ) ); // -331
32
console.log( roundNumber( -1.001 ) ); // -1Für die Math.round Funktion word unten ein einfaches Canvasdiagramm dargestellt.
xxxxxxxxxx1
2
<html>3
<head>4
<style> #canvas { border: 1px solid black; } </style>5
</head>6
<body>7
<canvas id="canvas" width="200" height="200"></canvas>8
<script>9
10
var canvas = document.querySelector('#canvas');11
var context = canvas.getContext('2d');12
13
// Cosinuschartbereich14
var x1 = -10.0;15
var x2 = +10.0;16
var y1 = -10.0;17
var y2 = +10.0;18
19
var dx = 0.01;20
21
var xRange = x2 - x1;22
var yRange = y2 - y1;23
24
function calculatePoint(x) {25
var y = Math.round(x);26
27
// Chart wird aufgrund von umgekehrten Canvas-Pixeln horizontal umgekehrt28
29
var nx = (x - x1) / xRange; // normaliziertes x30
var ny = 1.0 - (y - y1) / yRange; // normaliziertes y31
32
var point = {33
x: nx * canvas.width,34
y: ny * canvas.height35
};36
37
return point;38
}39
40
console.log('x range: <' + x1 + '; ' + x2 + '>');41
console.log('y range: <' + y1 + '; ' + y2 + '>');42
43
var point = calculatePoint(x1);44
45
context.beginPath();46
context.moveTo(point.x, point.y);47
48
for (var x = x1 + dx; x < x2; x += dx) {49
point = calculatePoint(x);50
context.lineTo(point.x, point.y);51
}52
53
point = calculatePoint(x2);54
context.lineTo(point.x, point.y);55
context.stroke();56
57
</script>58
</body>59
</html>
