DE
JavaScript - Math.tan() Methode - Beispiel
3 points
Math.tan() ist eine statische Methode, die nur einen Parameter akzeptiert und den approximierten Wert der mathematischen Tangentfunktion zurückgibt.
xxxxxxxxxx1
console.log( Math.tan( 0 ) ); // 0 <- 0 Grade2
console.log( Math.tan( 0.7853981633974483 ) ); // ~1 <- ~45 Grade == PI / 43
console.log( Math.tan( 1.5707963267948966 ) ); // ~+Inf <- ~90 Grade == PI / 24
5
console.log( Math.tan(-0.7853981633974483 ) ); // ~-1 <- ~-45 Grade == -PI / 46
console.log( Math.tan(-1.5707963267948966 ) ); // ~-Inf <- ~-90 Grade == -PI / 2Hinweis:
0.9999999999999999,16331239353195370,-0.9999999999999999und-16331239353195370sollen gleich1,+Inf,-1und-Infsein, sie sind jedoch nicht auf einen Fehler bei der Unterbrechungsgenaigkeit zurückzuführen.
| Syntax | Math.tan(number) |
| Parameter | number - Ganzzahl oder Gleitkommazahl im Radiant (primitiver Wert). |
| Ergebnis | numberwert berechnet als mathematische Funktion tan(x) (primitiver Wert). |
| Beschreibung | Math.tan() ist eine statische Methode, die nur einen Parameter akzeptiert und den approximierten Wert der mathematischen Tangentfunktion zurückgibt. |
xxxxxxxxxx1
var x1 = 0.0; // Berechnungsbeginn im Radiant2
var x2 = Math.PI / 2; // Berechnungsende im Radiant3
4
var dx = Math.PI / 36; // Berechnungsschritt im Grad5
for (var rad = x1; rad <= x2; rad += dx) {6
var y = Math.tan(rad);7
8
console.log('tan(' + rad + ' rad) = ' + y);9
}xxxxxxxxxx1
function calculateTan(deg) {2
var radians = (Math.PI / 180) * deg;3
4
return Math.tan(radians);5
}6
7
// Beispiel:8
9
var x1 = 0.0; // Berechnungsbeginn im Grade10
var x2 = 90.0; // Berechnungsende im Grade11
12
var dx = 5.0; // Berechnungsschritt im Grad13
14
for (var deg = x1; deg <= x2; deg += dx) {15
var y = calculateTan(deg );16
17
console.log('tan(' + deg + ' deg) = ' + y);18
}xxxxxxxxxx1
var x1 = -3.14 * 2; // Beginn des Sinuscharts2
var x2 = +3.14 * 2; // Ende des Sinuscharts3
var y1 = -4.0;4
var y2 = +4.0;5
6
var xSteps = 60;7
var ySteps = 60;8
9
var dx = (x2 - x1) / xSteps; // Schritt der x-Achse10
var dy = (y2 - y1) / ySteps; // Schritt der y-Achse11
12
function printLine(y1, y2, character) {13
var line = '';14
15
for(var y = y1; y < y2; y += dy) {16
line += ' ';17
}18
19
console.log(line + character);20
}21
22
for (var rad = x1; rad < x2; rad += dx) {23
var y = Math.tan(rad);24
25
if (y <= y1 || y >= y2) {26
console.log(' ');27
} else {28
printLine(y1, y, '+');29
}30
}xxxxxxxxxx1
2
<html>3
<head>4
<style> #canvas { border: 1px solid black; } </style>5
</head>6
<body>7
<canvas id="canvas" width="150" height="400"></canvas>8
<script>9
10
var canvas = document.querySelector('#canvas');11
var context = canvas.getContext('2d');12
13
// tangent chart range14
var x1 = -Math.PI / 2; // -90 Grade15
var x2 = +Math.PI / 2; // +90 Grade16
var y1 = -10.0;17
var y2 = +10.0;18
19
var dx = 0.05;20
21
var xRange = x2 - x1;22
var yRange = y2 - y1;23
24
var yScale = 1.0;25
26
function calculatePoint(x) {27
var y = Math.tan(x) * yScale;28
29
// Chart wird aufgrund von umgekehrten Canvas-Pixelsn horizontal umgekehrt30
31
var nx = (x - x1) / xRange; // normaliziertes x32
var ny = 1.0 - (y - y1) / yRange; // normaliziertes y33
34
var point = {35
x: nx * canvas.width,36
y: ny * canvas.height37
};38
39
return point;40
}41
42
console.log('x range: <' + x1 + '; ' + x2 + '> // angles in radians');43
console.log('y range: <' + y1 + '; ' + y2 + '>');44
45
var point = calculatePoint(x1);46
47
context.beginPath();48
context.moveTo(point.x, point.y);49
50
for (var x = x1 + dx; x < x2; x += dx) {51
point = calculatePoint(x);52
context.lineTo(point.x, point.y);53
}54
55
point = calculatePoint(x2);56
context.lineTo(point.x, point.y);57
context.stroke();58
59
</script>60
</body>61
</html>