PL
JavaScript - Math.round() - przykład metody z dokumentacją
1 points
Math.round jest metodą statyczną, która zwraca liczbę zaokrągloną do najbliższej liczby całkowitej.
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| Składnia | Math.round(number) |
| Parametry | number - liczba całkowita lub zmiennoprzecinkowa (wartość pierwotna). |
| Wynik | Wartość liczbowa zaokrąglona (wartość pierwotna). |
| Opis | round jest metodą statyczną, która zwraca liczbę zaokrągloną do najbliższej liczby całkowitej. |
Ta sekcja zawiera funkcję niestandardową, która pokazuje, jak zaokrąglić liczbę z dokładnością do n miejsc.
xxxxxxxxxx1
function roundPrecised(number, precision) {2
var power = Math.pow(10, precision);3
4
return Math.round(number * power) / power;5
}6
7
// Przykład: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 ) ); // 12000Ta sekcja zawiera implementację niestandardowej funkcji roundNumber
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
// Przykład: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 ) ); // -1Poniżej przedstawiono prosty wykres dla funkcji Math.round.
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
// Zakres wykresu cosinus14
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
// wykres zostanie odwrócony poziomo z powodu odwróconych pikseli obszaru roboczego28
29
var nx = (x - x1) / xRange; // znormalizowane x30
var ny = 1.0 - (y - y1) / yRange; // znormalizowane 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>
