JavaScript | JavaScript 演算子の優先順位一覧表（初心者向け）

JavaScript

2019.01.022025.10.13

JavaScript を正確に理解するには、演算子の優先順位（precedence）と結合規則（associativity）を知っておくことが大切です。
これが分かると「どの演算が先に実行されるか」が一目で判断できるようになります。

JavaScript 演算子の優先順位一覧表（初心者向け）
覚え方のコツ
例で確認！
まとめ

JavaScript 演算子の優先順位一覧表（初心者向け）

優先順位（高い順）	演算子	種類	結合方向	例

20 () グループ化左から右 (a + b) * c

19 . [] ?. メンバーアクセス / オプショナルチェーン左から右 obj.key, arr[0], obj?.prop

18 new（引数あり）インスタンス生成右から左 new Date()

17 ()（関数呼び出し）関数呼び出し左から右 myFunc(x)

16 ++ --（後置）インクリメント／デクリメント左から右 x++, y--

15 ! ~ + - typeof void delete await ++ --（前置）単項演算子右から左 !a, typeof b, ++x

14 ** べき乗 右から左 2 ** 3 ** 2 → 2 ** (3 ** 2)

13 * / % 算術演算左から右 a * b / c

12 + - 加減算左から右 a + b - c

11 << >> >>> シフト演算左から右 x << 2

10 < <= > >= in instanceof 比較演算左から右 a < b, key in obj

9 == != === !== 等価・不等価左から右 a === b

8 & ビット AND 左から右 a & b

7 ^ ビット XOR 左から右 a ^ b

ビット OR

左から右

5 && 論理 AND（短絡評価）左から右 a && b

4 ` ??` 論理 OR / null合体演算

3 ? : 条件（三項）演算子右から左 a > 0 ? 1 : -1

2 = += -= *= /= %= **= &= ` = ^= <<= >>= >>>= &&= = ??=`

1 , カンマ演算子左から右 (a = 1, b = 2)

覚え方のコツ

「数式に近いものほど優先順位が高い」
　→ * / % は + - より先、() は最優先
「代入や条件は最後に評価される」
　→ = や ? : は一番後ろの方
「右結合」を覚えておく代表例
　→ =、**、? : は 右から評価

例で確認！

let x = 2 + 3 * 4;  
// → 2 + (3 * 4) = 14 （掛け算が先）

let y = 2 ** 3 ** 2;  
// → 2 ** (3 ** 2) = 512 （べき乗は右から）

let z = a || b && c;
// → a || (b && c) （ANDがORより優先）

let x = 2 + 3 * 4;  
// → 2 + (3 * 4) = 14 （掛け算が先）

let y = 2 ** 3 ** 2;  
// → 2 ** (3 ** 2) = 512 （べき乗は右から）

let z = a || b && c;
// → a || (b && c) （ANDがORより優先）