JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptで引数の商のアークタンジェントを取得する方法（Math.atan2()メソッド）

JavaScriptで引数の商のアークタンジェント（逆正接）を取得するには、Math.atan2()メソッドを使用します。このメソッドは、点(x, y)における角度θ（シータ）を表す、-πからπまでの範囲の数値を返します。

Math.atan2()メソッドとは

Math.atan2()は、2つの引数「y」と「x」を受け取り、y/xの商に対するアークタンジェントを計算します。単一の引数のみを受け取るMath.atan()と異なり、atan2()はxとyの符号から象限を正しく判定できるため、座標系における角度の算出やベクトル計算などで広く活用されています。

構文

Math.atan2(y, x)

戻り値

-π（約-3.14159）からπ（約3.14159）までの範囲の数値が、ラジアン単位の角度として返されます。

使用例

以下のコードを実行すると、JavaScriptで引数の商のアークタンジェントを取得できます。

<html>
   <head>
      <title>JavaScript Math atan2() Method</title>
   </head>
   <body>
      <script>
         var value = Math.atan2(90, 15);
         document.write("First Value : " + value);

         value = Math.atan2(15, 90);
         document.write("<br />Second Value : " + value);

         value = Math.atan2(0, -0);
         document.write("<br />Third Value : " + value);

         value = Math.atan2("+Infinity", "+Infinity");
         document.write("<br />Fourth Value : " + value);
      </script>
   </body>
</html>

出力結果

First Value : 1.4056476493802699
Second Value : 0.16514867741462683
Third Value : 3.141592653589793
Fourth Value : 0.7853981633974483

解説

  • Math.atan2(90, 15)：90/15＝6 のアークタンジェントを返します。
  • Math.atan2(15, 90)：引数の順序を入れ替えると結果も変わり、15/90 のアークタンジェントとなります。
  • Math.atan2(0, -0)：負のゼロとの組み合わせでは、π（180度）が返されます。
  • Math.atan2("+Infinity", "+Infinity")：無限大同士の場合は π/4（45度）が返されます。

まとめ

引数の商のアークタンジェントを求めたい場合は、Math.atan2(y, x)を使うのが基本です。象限を考慮した正確な角度計算が可能なため、ゲーム開発や図形描画など、座標を扱う場面で特に役立ちます。

  1. JavaScriptでリンクのtype属性の値を取得する方法

    JavaScriptでリンク（アンカー要素）のtype属性の値を取得するには、typeプロパティを使用します。type属性は、リンク先のドキュメントがHTML（text/html）なのか、CSS（text/css）なのかといった、リソースの種類（MIMEタイプ）を示すために使われる属性です。この属性の値は、JavaScriptから簡単に読み取ることができます。サンプルコード以下のコードを実行すると、リンクのtype属性の値を取得して画面に表示できます。<!DOCTYPE html> <html>    <body>   &nbs

  2. JavaScriptでリンクのtarget属性の値を取得する方法

    JavaScriptでリンク（アンカー要素）のtarget属性の値を取得するには、targetプロパティを使用します。target属性は、リンク先のドキュメントをどこに表示するかを指定するための属性です。たとえば、同じウィンドウで開くのか、新しいウィンドウや新しいタブで開くのか、あるいは特定のフレーム内に表示するのかなどを制御できます。よく使われる値としては、現在のページを保持したまま新しいタブで開く「_blank」などがあります。サンプルコード以下のコードを実行すると、リンクのtarget属性の値を取得して画面に表示できます。<!DOCTYPE html> <html>