JavaScript/Math/powのソースを表示

{{Nav}}

<code>Math.pow(x, y)</code> は、<code>x</code> の <code>y</code> 乗を返します。これは、<code>x</code> を <code>y</code> 回掛けた値を返します<ref>これは、数学的には <math>x^y</math> として定義されます。</ref>。

* 引数 <code>x</code> が <code>NaN</code> の場合、<code>NaN</code> を返します。
* 引数 <code>y</code> が <code>NaN</code> の場合、<code>NaN</code> を返します。
* 引数 <code>x</code> が <code>+0</code> かつ <code>y</code> が正の場合、<code>+0</code> を返します。
* 引数 <code>x</code> が <code>-0</code> かつ <code>y</code> が正の場合、<code>-0</code> を返します。
* 引数 <code>x</code> が <code>+0</code> かつ <code>y</code> が負の場合、<code>Infinity</code> を返します。
* 引数 <code>x</code> が <code>-0</code> かつ <code>y</code> が負の場合、<code>-Infinity</code> を返します。
* 引数 <code>x</code> が <code>1</code> の場合、<code>1</code> を返します。
* 引数 <code>y</code> が <code>+0</code> の場合、<code>1</code> を返します。
* 引数 <code>y</code> が <code>-0</code> の場合、<code>1</code> を返します。
* 引数 <code>x</code> が <code>Infinity</code> かつ <code>y</code> が正の場合、<code>Infinity</code> を返します。
* 引数 <code>x</code> が <code>Infinity</code> かつ <code>y</code> が負の場合、<code>+0</code> を返します。
* 引数 <code>x</code> が <code>-Infinity</code> かつ <code>y</code> が正の場合、<code>-Infinity</code> を返します。
* 引数 <code>x</code> が <code>-Infinity</code> かつ <code>y</code> が負の場合、<code>-0</code> を返します。
* 引数 <code>x</code> が <code>1</code> かつ <code>y</code> が <code>Infinity</code> の場合、<code>NaN</code> を返します。
* 引数 <code>x</code> が <code>1</code> かつ <code>y</code> が <code>-Infinity</code> の場合、<code>NaN</code> を返します。

== 例 ==

=== べき乗を計算するプログラム ===
以下のプログラムは、ユーザーが入力した値のべき乗を計算します。

:<syntaxhighlight lang=javascript copy>
const f = p => {
  for (;;) {
    a = prompt(`${p}は何ですか?`);
    if (!isNaN(a))
      return a;
    alert(`${p}に、入力ミスがあります。 "${a}"`);
  }
}

for (;;) {
  const x = f("値1");
  const y = f("値2");
  const pow = Math.pow(x, y);
  if (!isNaN(pow)) {
    alert(`${x} の ${y} 乗は ${pow.toFixed(3)} です。`);
    break;
  }
  alert("入力が大きすぎます。");
}
</syntaxhighlight>

このプログラムでは、<code>Math.pow</code> を使用して値のべき乗を計算しています。ユーザーが入力した値が <code>NaN</code> や <code>Infinity</code> の場合、適切に処理されます。

=== べき乗関数のグラフを描画するプログラム ===
以下のプログラムは、べき乗関数のグラフを描画します。

:<syntaxhighlight lang=javascript copy>
const canvas = document.createElement('canvas');
document.body.appendChild(canvas);
const ctx = canvas.getContext('2d');
canvas.width = 800;
canvas.height = 400;

const xScale = canvas.width / 10;
const yScale = canvas.height / 100;

ctx.beginPath();
ctx.moveTo(0, canvas.height);

for (let x = 0; x <= 10; x += 0.1) {
  const y = Math.pow(x, 2);
  const canvasX = x * xScale;
  const canvasY = canvas.height - y * yScale;
  ctx.lineTo(canvasX, canvasY);
}

ctx.strokeStyle = 'blue';
ctx.lineWidth = 2;
ctx.stroke();
</syntaxhighlight>

このプログラムでは、<code>Math.pow</code> を使用してべき乗関数のグラフを描画しています。<code>xScale</code> と <code>yScale</code> は、グラフのスケーリングを調整するための変数です。

=== 注意点 ===
* '''引数の範囲''': <code>Math.pow</code> の引数 <code>x</code> と <code>y</code> は、任意の数値を指定できますが、<code>x</code> が負で <code>y</code> が整数でない場合、<code>NaN</code> が返されます。
* '''戻り値の範囲''': <code>Math.pow</code> の戻り値は、<code>-Infinity</code> から <code>Infinity</code> の範囲です。
* '''精度''': 浮動小数点演算の特性上、<code>Math.pow</code> の結果には微小な誤差が含まれることがあります。

== 脚註 ==
<references />

== 外部リンク ==
* [https://tc39.es/ecma262/#sec-math.pow ECMA-262::21.3.2.26 Math.pow ( x, y )]

{{Nav}}

{{DEFAULTSORT:POW}}
[[Category:JavaScript]]