DE
JavaScript - Math.log2() Methode - Beispiel
3 points
Die Math.log2() Methode gibt den Logarithmus mit der Basis 2 einer Zahl zurück.
xxxxxxxxxx1
// Logarithmus mit Basis 2:2
// x y3
console.log( Math.log2( 1 ) ); // 04
console.log( Math.log2( 2 ) ); // 15
console.log( Math.log2( 4 ) ); // 26
console.log( Math.log2( 8 ) ); // 37
console.log( Math.log2( 1024 ) ); // 108
9
console.log( Math.log2( -1 ) ); // NaN10
console.log( Math.log2( 0 ) ); // -Infinity11
console.log( Math.log2( +Infinity ) ); // +Infinity12
Die Math.log2() Methode wird im folgenden Chart dargestellt:
| Syntax | Math.log2(x) |
| Parameter | x - Wert für Ganzzahl oder Gleitkommazahl im Bereich von 0 bis +Infinity (primitiver Wert). |
| Ergebnis |
Wenn Wenn Wenn |
| Beschreibung |
|
xxxxxxxxxx1
if (Math.log2 == null) {2
Math.log2 = function(x) {3
/*4
1. Verwenden der Logarithmusdefinition:5
b^y = x <=> log_b(x) = y6
Wo: b - basis7
8
2. Man kann ein Gleichungssystem erstellen:9
y = log_b(x)10
x = b^y11
12
3. Was ausgedrückt werden kann als:13
x = b^log_b(x)14
15
4. Man kann die Gleichung transformieren:16
log_2(x) = log_2(e^log_e(x)) = log_2(e) * log_e(x) = log_e(x) * log_2(e)17
18
5. Es kann in JavaScript geschrieben werden:19
log_2(e) <=> Math.LOG2E 20
log_e(x) * log_2(e) <=> Math.log(x) * Math.LOG2E21
*/22
return Math.log(x) * Math.LOG2E;23
};24
}25
26
// Anwendungsbeispiel:27
// x y28
console.log( Math.log2( 1 ) ); // 029
console.log( Math.log2( 2 ) ); // 130
console.log( Math.log2( 4 ) ); // ~231
console.log( Math.log2( 8 ) ); // 332
console.log( Math.log2( 1024 ) ); // 1033
34
console.log( Math.log2( -1 ) ); // NaN35
console.log( Math.log2( 0 ) ); // -Infinity36
console.log( Math.log2( +Infinity ) ); // +Infinityxxxxxxxxxx1
2
<html>3
<head>4
<style> #canvas { border: 1px solid black; } </style>5
</head>6
<body>7
<canvas id="canvas" width="400" height="400"></canvas>8
<script>9
10
var canvas = document.querySelector('#canvas');11
var context = canvas.getContext('2d');12
13
// Logarithmuschartbereich14
var x1 = 0;15
var x2 = 10;16
var y1 = -5;17
var y2 = 4;18
19
var dx = 0.005;20
21
var xRange = x2 - x1;22
var yRange = y2 - y1;23
24
function calculateLogarithm(base, x) {25
var a = Math.log(x);26
var b = Math.log(base);27
28
return a / b;29
}30
31
function calculatePoint(base, x) {32
var y = calculateLogarithm(base, x);33
34
// Chart wird aufgrund von umgekehrten Canvas-Pixeln horizontal umgekehrt35
36
var nx = (x - x1) / xRange; // normaliziertes x37
var ny = 1.0 - (y - y1) / yRange; // normaliziertes y38
39
var point = {40
x: nx * canvas.width,41
y: ny * canvas.height42
};43
44
return point;45
}46
47
function drawChart(base, color, thickness) {48
var point = calculatePoint(base, x1);49
50
context.beginPath();51
context.lineWidth = thickness;52
context.strokeStyle = color;53
context.moveTo(point.x, point.y);54
55
for (var x = x1 + dx; x < x2; x += dx) {56
point = calculatePoint(base, x);57
context.lineTo(point.x, point.y);58
}59
60
point = calculatePoint(base, x2);61
context.lineTo(point.x, point.y);62
context.stroke();63
}64
65
console.log('log_2(x) <- red');66
console.log('log_e(x) <- green');67
console.log('log_10(x) <- blue');68
69
// Basis Farbe Dicke70
drawChart( 2, '#ff001b', 2 ); // rot71
drawChart( Math.E, '#159600', 0.8 ); // grün72
drawChart( 10, '#0000ff', 0.8 ); // blau73
74
console.log('x range: <' + x1 + '; ' + x2 + '>');75
console.log('y range: <' + y1 + '; ' + y2 + '>');76
77
</script>78
</body>79
</html>