Languages
[Edit]
DE

JavaScript - Math.cos() Methode - Beispiel

3 points
Created by:
Nikki
9920

Die┬áMath.cos()┬áFunktion gibt den Cosinus des angegebenen Winkels im Bogenma├č im Bereich von┬á-1┬ábis┬á+1.

// ONLINE-RUNNER:browser;

console.log( Math.cos( 0                  ) ); //   1 <-     0 Grade
console.log( Math.cos( 1.5707963267948966 ) ); //  ~0 <-  ~90 Grade ==  PI / 2
console.log( Math.cos( 3.1415926535897932 ) ); // ~-1 <- ~180 Grade ==  PI
console.log( Math.cos( 4.71238898038469   ) ); //  ~0 <- ~270 Grade == -PI * (3 / 2)
console.log( Math.cos( 6.2831853071795850 ) ); //  ~1 <- ~360 Grade ==  PI * 2

console.log( Math.cos(-1.5707963267948966 ) ); //  ~0 <- ~-90 Grade == -PI / 2

Hinweis: 6.123233995736766e-17, -1.8369701987210297e-16 und 6.123233995736766e-17 sollen gleich 0 sein, sie liegen jedoch nicht an einem Rechengenauigkeitsfehler.


1. Dokumentation

SyntaxMath.cos(Zahl)
ParameterZahl - Ganzzahl oder Gleitkommazahl im Bogenma├č (Grundwert).
Ergebnis

Es gibt einen numerischen Wert zwischen -1 und +1, der den Kosinus des Winkels darstellt (primitiver Wert).

Beschreibungcos ist eine statische Methode, die nur einen Parameter akzeptiert und die Approximation des Ergebnisses der mathematischen Funktion cos(x) zurückgibt. 

2. Arbeit mit Radiant

// ONLINE-RUNNER:browser;

var x1 = 0.0;          // Berechnungsbeginn in Radiant
var x2 = Math.PI / 2;  // Berechnungsende in Radiant

var dx = Math.PI / 36; // Berechnungsschritt in Graden

for (var rad = x1; rad <= x2; rad += dx) {
  	var y = Math.cos(rad);
  
	console.log('cos(' + rad + ' rad) = ' + y);
}

3. Arbeit mit Graden

// ONLINE-RUNNER:browser;

function calculateCos(deg) {
	var rad = (Math.PI / 180) * deg;
  
  	return Math.cos(rad);
}

// Example:

var x1 = 0.0;  // Berechnungsbeginn in Graden
var x2 = 90.0; // Berechnungsende in Graden

var dx = 5.0;  // Berechnungsschritt in Graden

for (var deg = x1; deg  <= x2; deg  += dx) {
	var y = calculateCos(deg );
  
  	console.log('cos(' + deg + ' deg) = ' + y);
}

4. Ein umgekehrtes Konsolendiagramm - Beispiel

// ONLINE-RUNNER:browser;

var x1 = 0.0;     // Beginn des Kosinuscharts
var x2 = 6 * 3.14 // Ende des Kosinuscharts

var dx = 3.14 / 4.0; // x Achsenschritt
var dy = 1.0  / 5.0; // y Achsenschritt

for (var rad = x1; rad < x2; rad += dx) {
  	var y1 = 0.0;
  	var y2 = Math.cos(rad) + 1;

  	var line = '';
  
  	for(var y = y1; y < y2; y += dy) {
    	line += ' ';
    }
  
  	console.log(line + '+');
}

5. Canvas-Diagramm - Beispiel

// ONLINE-RUNNER:browser;

<!doctype html>
<html>
<head>
  <style> #canvas { border: 1px solid black; } </style>
</head>
<body>
  <canvas id="canvas" width="400" height="130"></canvas>
  <script>
    
    var canvas = document.querySelector('#canvas');
    var context = canvas.getContext('2d');

    // Kosinus-Diagrammbereich
    var x1 =  0;           // 0 Grade
    var x2 = +2 * Math.PI; // +360 Grade
    var y1 = -1.0;
    var y2 = +1.0;

    var dx = 0.1;

    var xRange = x2 - x1;
    var yRange = y2 - y1;

    function calculatePoint(x) {
      var y = Math.cos(x);

      // Chart wird aufgrund der umgekehrten Canvaspixeln horizontal umgekehrt

      var nx = (x - x1) / xRange;       // normaliziertes x
      var ny = 1.0 - (y - y1) / yRange; // normaliziertes 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>

Literaturverzeichnis

  1. Kosinus - Wikipedia

JavaScript - Objekt Math (DE)

Native Advertising
­čÜÇ
Get your tech brand or product in front of software developers.
For more information Contact us
Dirask - we help you to
solve coding problems.
Ask question.

ÔŁĄ´ŞĆ­čĺ╗ ­čÖé

Join