JS 論理演算子の挙動がわからない

Question

実現したいこと

|| 論理和について

||で条件分岐した場合、左辺がtrueであればそのままtrueが返ってくる想定です。
しかし、右辺で三項演算子を使うと左辺がtrueでも三項演算子の処理が動いてしまう

発生している問題・エラーメッセージ

左辺がtrueの場合でも右辺の値が返ってくる

該当のソースコード

左辺がtrueでも右辺の値が返ってくる
console.log(judge(7777))で関数実行

  const judge = (value:any) => {
     return typeof value === 'number' || value?'99999':'77777'
  }

左辺がtrueの場合、右辺の値は返ってこずtrueが返ってくる
console.log(judge(7777))で関数実行

  const judge = (value:any) => {
    return typeof value === 'number' || '77777'
  }

試したこと

右辺で三項演算子を使わない場合だと左辺がtrueの場合そのままtrueが返ってきました
しかし、右辺で三項演算子を使うと左辺がtrueでも右辺の処理が動いてしまいます

なぜ三項演算子を使うと左辺がtrueでも右辺が動いてしまうのかわかりません

Comments

[melian]

三項演算子(ternary operator) よりも論理和(logical disjunction) の方が優先順位が高いために、その様な結果になります。

(typeof value === 'number' || value) ? '99999' : '77777' # 実際にはこんな感じ

演算子の優先順位 JavaScript | MDN
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Operator_Precedence#%E4%B8%80%E8%A6%A7%E8%A1%A8

[shunta80]

回答ありがとうございます！
納得できました！

Answer 1

typeof value === 'number' || value?'99999':'77777'
とは
((typeof value === 'number') || value)?'99999':'77777'
ということ

console.log(1||0?2:3); //2
は
console.log((1||0)?2:3);//2
であって
console.log(1||(0?2:3));//1
ではない

Answer 2

typeof value === 'number' || value?'99999':'77777'は、
typeof (value === 'number' || value) ? '99999':'77777'と見なされます。
括弧を付けましょう。
typeof value === 'number' || ( value?'99999':'77777')