{category}

JavaScript - Math

Math.sin()

マス・シン(組み込みオブジェクト

意味 正弦の値を取得


Math.sin()とは?

`Math.sin()`メソッドは、与えられた角度の正弦(sine)の値を返します。引数はラジアンで指定します。

Math.sin()の具体的な使い方

一般的な角度の正弦値を計算する例

function degreesToRadians(degrees) {
  return degrees * (Math.PI / 180);
}

const angles = [0, 30, 45, 60, 90];

console.log('一般的な角度の正弦値:');
angles.forEach(angle => {
  const radians = degreesToRadians(angle);
  const sinValue = Math.sin(radians);
  console.log(`sin(${angle}°) = ${sinValue.toFixed(4)}`);
});

👇出力結果

一般的な角度の正弦値:
sin(0°) = 0.0000
sin(30°) = 0.5000
sin(45°) = 0.7071
sin(60°) = 0.8660
sin(90°) = 1.0000

この例では、0°, 30°, 45°, 60°, 90°の正弦値を計算します。度数法からラジアンへの変換を行い、Math.sin()を使用して正弦値を求めています。

正弦波をグラフ化する例

<canvas id='sineCanvas' width='400' height='200'></canvas>

<script>
function drawSineWave() {
  const canvas = document.getElementById('sineCanvas');
  const ctx = canvas.getContext('2d');
  const width = canvas.width;
  const height = canvas.height;

  ctx.clearRect(0, 0, width, height);
  ctx.beginPath();
  ctx.moveTo(0, height / 2);

  for (let x = 0; x < width; x++) {
    const y = Math.sin((x / width) * Math.PI * 2) * (height / 2) + (height / 2);
    ctx.lineTo(x, y);
  }

  ctx.strokeStyle = 'blue';
  ctx.stroke();
}

drawSineWave();
</script>

この例では、Math.sin()を使用してキャンバス上に正弦波を描画します。x座標に応じて正弦値を計算し、それをy座標にマッピングしてグラフを描いています。

Math.sin()に関するよくある質問

Q. Math.sin()の引数の単位は?
A. Math.sin()の引数はラジアンで指定します。度数法の角度を使用する場合は、ラジアンに変換する必要があります(例:degrees * Math.PI / 180)。
Q. sinの値の範囲は?
A. sinの値は常に-1から1の間になります。つまり、-1 ≤ sin(x) ≤ 1 です。
Q. 逆関数は何ですか?
A. Math.sin()の逆関数はMath.asin()(アークサイン)です。これは、-1から1の間の値を引数として受け取り、対応する角度(ラジアン)を返します。

Math.sin()が学べる書籍の紹介

「プログラミング単語帳」を使って、プログラミングの単語を英単語のように学習してみませんか?
プログラミング単語帳には、JavaScriptのMath.sin()やarray.pop()、Math.floor()、string.startsWith()、などのような実務でよく使われる単語が数百以上収録されています。
この書籍には、プログラミングの単語の意味や読み方、単語の使い方がわかる例文などが掲載されており、いつでもどこでもプログラミングの学習ができます。

よく使われる単語にだけ絞って学習することができるので、効率的にプログラミングが学習できます。

1日5分の暗記でプログラミンが身に付く!プログラミング単語帳 公式ストアで発売中!

HTML編、CSS編、JavaScript編、PHP編、Ruby編、その他単語編の6シリーズ分が公式ストアにて販売中です。気になった方はぜひ購入してみてください。


JavaScriptを学べる「プログラミング単語帳」アプリ

プログラミング単語帳がアプリになりました!JavaScriptはもちろん、10種類のプログラミング言語の中から、よく使われる単語をスマホで学習できます。

収録単語は2,000単語以上!
現在は、HTML、CSS、JavaScirpt、PHP、Laravel、Ruby、Python、MySQL、Linux、など10カテゴリーの単語帳が1つのアプリに収録されています。

いつでも、どこでも、隙間時間を有効活用して、プログラミングを効率的に学べるので、ぜひダウンロードしてみてください。

2024年7月アップデート情報:「Laravel」カテゴリーが追加されましました!

2024年8月アップデート情報:「MySQL」「Linux」カテゴリーが追加されましました!


関連するそのほかの単語

array.pop()

末尾要素を取り出す

種類: Array

Math.floor()

小さい方の整数に丸める

種類: Math

string.startsWith()

文字列が開始判定

種類: String

var

変数の宣言

種類: 宣言・代入

Web Storage

ブラウザ内のデータ保存

種類: WebAPIs