JavaScript | 変数に値を代入するときの仕組み

JavaScriptの「演算子の優先順位と結合規則」を、プログラミング初心者向けにかみ砕いて、例題付きで丁寧に説明します。

1. 演算子の優先順位と結合規則とは？

イメージ

複雑な式を計算するときに「どの順番で計算するか」を決めるルールです。

• 優先順位（Priority）
  → 「どの演算を先に計算するか」の順番。
  例：掛け算は足し算より先に計算されます。
• 結合規則（Associativity）
  → 優先順位が同じ場合、「左から計算するか右から計算するか」を決めるルール。

2. 優先順位の例

let result = 5 + 4 * 3;
console.log(result); // 出力: 17

let result = 5 + 4 * 3;
console.log(result); // 出力: 17

🔍 解説

1. * は + より優先順位が高い
2. まず 4 * 3 = 12 が計算される
3. その後 5 + 12 = 17 が計算される

💡 「掛け算は足し算より先に計算される」という基本ルールの例です。

3. 結合規則の例

let result = 12 / 4 * 3;
console.log(result); // 出力: 9

let result = 12 / 4 * 3;
console.log(result); // 出力: 9

🔍 解説

1. / と * は優先順位が同じ
2. 結合規則は 左から右
3. 左の 12 / 4 = 3 が先に計算され、その後 3 * 3 = 9

💡 同じ優先順位の演算子は「左から右」に計算されます。

4. 括弧を使うと順番を変えられる

let result = (10 + 5) * 4;
console.log(result); // 出力: 60

let result = (10 + 5) * 4;
console.log(result); // 出力: 60

• 括弧内 (10 + 5) が先に計算される
• その後 15 * 4 = 60

💡 「この部分を先に計算したい！」というときは括弧を使いましょう。

5. よく使う演算子の優先順位（初心者向け）

💡 優先順位が高い演算子から順番に計算されます。

6. まとめとコツ

1. 掛け算・割り算は足し算・引き算より先に計算
2. 同じ優先順位なら左から右に計算
3. 括弧を使うと計算順序を自由に変えられる

練習問題

1. let a = 2 + 3 * 4; → 結果は？
2. let b = (2 + 3) * 4; → 結果は？
3. let c = 10 - 2 - 3; → 結果は？
4. let d = 12 / 4 * 3; → 結果は？

練習問題の答え

1. 2 + 12 = 14
2. (2 + 3) * 4 = 5 * 4 = 20
3. 10 - 2 - 3 = 8 - 3 = 5（左から計算）
4. 12 / 4 * 3 = 3 * 3 = 9（左から計算）