PL
JavaScript - Math.abs() - przykład metody z dokumentacją
2 points
Funkcja Math.abs() zwraca wartość absolutną dla podanej liczby.
Wartość bezwzględna liczby x, oznaczona | x |, jest nieujemną wartością x - bez względu na jej znak.
Popularne przykłady użycia:
xxxxxxxxxx1
console.log( Math.abs(2) ); // 22
console.log( Math.abs(-2) ); // 23
4
console.log( Math.abs(2.54) ); // 2.545
console.log( Math.abs(-2.54) ); // 2.546
7
console.log( Math.abs(0) ); // 08
console.log( Math.abs('-2') ); // 29
console.log( Math.abs('2') ); // 2Inne przykłady użycia:
xxxxxxxxxx1
console.log( Math.abs(3 + 5) ); // 82
console.log( Math.abs(3 - 5) ); // 23
4
console.log( Math.abs('') ); // 05
console.log( Math.abs('abc') ); // NaN6
console.log( Math.abs(null) ); // 07
8
console.log( Math.abs([]) ); // 09
console.log( Math.abs([0]) ); // 010
console.log( Math.abs([2]) ); // 2| Składnia | Math.abs(number) |
| Parametry | number - liczba całkowita lub liczba zmiennoprzecinkowa (typ prosty). |
| Wynik | Wartość bezwzględna liczby (typ prosty). |
| Opis |
|
xxxxxxxxxx1
function abs(x) {2
if (x < 0) {3
return -x;4
}5
return x;6
}7
8
console.log(abs(2)); // 29
console.log(abs(-2)); // 210
console.log(abs(0)); // 2Uwaga: istnieje kilka sposobów, aby zmienić znak na przeciwny, jeśli warunek (x <0) jest spełniony:
x = -xx *= -1x = ~x + 1Przeczytaj ten artykuł, aby dowiedzieć się o najlepszym sposobie negowania wartości.
xxxxxxxxxx1
2
<html>3
<head>4
<style> #canvas { border: 1px solid black; } </style>5
</head>6
<body>7
<canvas id="canvas" width="400" height="50"></canvas>8
<script>9
10
var canvas = document.querySelector('#canvas');11
var context = canvas.getContext('2d');12
13
// zakres rysowanego wykresu sinus14
var x1 = -2 * Math.PI; // -360 degress15
var x2 = +2 * Math.PI; // +360 degress16
var y1 = -0.1;17
var y2 = +1.1;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.abs(Math.sin(x)); // y=|sin(x)|26
27
// wykres zostanie odwrócony w poziomie 28
// z powodu odwróconych pikseli na ekranie29
30
var nx = (x - x1) / xRange; // znormalizowany x31
var ny = 1.0 - (y - y1) / yRange; // znormalizowany y32
33
var point = {34
x: nx * canvas.width,35
y: ny * canvas.height36
};37
38
return point;39
}40
41
console.log('x range: <' + x1 + '; ' + x2 + '> // stopnie w radianach');42
console.log('y range: <' + y1 + '; ' + y2 + '>');43
44
var point = calculatePoint(x1);45
46
context.beginPath();47
context.moveTo(point.x, point.y);48
49
for (var x = x1 + dx; x < x2; x += dx) {50
point = calculatePoint(x);51
context.lineTo(point.x, point.y);52
}53
54
point = calculatePoint(x2);55
context.lineTo(point.x, point.y);56
context.stroke();57
58
</script>59
</body>60
</html>