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:
// ONLINE-RUNNER:browser;
console.log( Math.abs(2) ); // 2
console.log( Math.abs(-2) ); // 2
console.log( Math.abs(2.54) ); // 2.54
console.log( Math.abs(-2.54) ); // 2.54
console.log( Math.abs(0) ); // 0
console.log( Math.abs('-2') ); // 2
console.log( Math.abs('2') ); // 2
Inne przykłady użycia:
// ONLINE-RUNNER:browser;
console.log( Math.abs(3 + 5) ); // 8
console.log( Math.abs(3 - 5) ); // 2
console.log( Math.abs('') ); // 0
console.log( Math.abs('abc') ); // NaN
console.log( Math.abs(null) ); // 0
console.log( Math.abs([]) ); // 0
console.log( Math.abs([0]) ); // 0
console.log( Math.abs([2]) ); // 2
1. Dokumentacja
| Składnia | Math.abs(number) |
| Parametry | number - liczba całkowita lub liczba zmiennoprzecinkowa (typ prosty). |
| Wynik | Wartość bezwzględna liczby (typ prosty). |
| Opis |
|
2. Niestandardowa implementacja Math.abs()
// ONLINE-RUNNER:browser;
function abs(x) {
if (x < 0) {
return -x;
}
return x;
}
console.log(abs(2)); // 2
console.log(abs(-2)); // 2
console.log(abs(0)); // 2
Uwaga: 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.
3. Przykład rysowania wykresu na elemencie Canvas
// ONLINE-RUNNER:browser;
<!doctype html>
<html>
<head>
<style> #canvas { border: 1px solid black; } </style>
</head>
<body>
<canvas id="canvas" width="400" height="50"></canvas>
<script>
var canvas = document.querySelector('#canvas');
var context = canvas.getContext('2d');
// zakres rysowanego wykresu sinus
var x1 = -2 * Math.PI; // -360 degress
var x2 = +2 * Math.PI; // +360 degress
var y1 = -0.1;
var y2 = +1.1;
var dx = 0.01;
var xRange = x2 - x1;
var yRange = y2 - y1;
function calculatePoint(x) {
var y = Math.abs(Math.sin(x)); // y=|sin(x)|
// wykres zostanie odwrócony w poziomie
// z powodu odwróconych pikseli na ekranie
var nx = (x - x1) / xRange; // znormalizowany x
var ny = 1.0 - (y - y1) / yRange; // znormalizowany y
var point = {
x: nx * canvas.width,
y: ny * canvas.height
};
return point;
}
console.log('x range: <' + x1 + '; ' + x2 + '> // stopnie w radianach');
console.log('y range: <' + y1 + '; ' + y2 + '>');
var point = calculatePoint(x1);
context.beginPath();
context.moveTo(point.x, point.y);
for (var x = x1 + dx; x < x2; x += dx) {
point = calculatePoint(x);
context.lineTo(point.x, point.y);
}
point = calculatePoint(x2);
context.lineTo(point.x, point.y);
context.stroke();
</script>
</body>
</html>