PT
JavaScript - Exemplo de método Math.abs()
3
points
A Math.abs() função retorna o valor absoluto de um número.
O valor absoluto do número x, denotado | x |, é o valor não negativo de x independentemente do seu sinal.
Exemplos de uso populares:
// 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
Outros exemplos de uso:
// 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. Documentação
| Sintaxe | Math.abs(number) |
| Parâmetros | number - valor de número inteiro ou flutuante (valor primitivo). |
| Resultado | Valor absoluto de um número (valor primitivo). |
| Descrição |
|
2. Implementação personalizada 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
Observação: existem algumas maneiras de mudar o sinal para oposto se(x < 0)for verdadeiro:
x = -xx *= -1x = ~x + 1Leia este artigo para saber sobre a melhor forma de operação de negação.
3. Exemplo de plotagem de tela
// 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');
// sine chart range
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)|
// chart will be reversed horizontaly because of reversed canvas pixels
var nx = (x - x1) / xRange; // normalized x
var ny = 1.0 - (y - y1) / yRange; // normalized y
var point = {
x: nx * canvas.width,
y: ny * canvas.height
};
return point;
}
console.log('x range: <' + x1 + '; ' + x2 + '> // angles in radians');
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>