javaScriptの三項演算子の使い方

Question

とあるコードの中に三項演算子を使った以下のような記述がありましたが、どういう意味でしょうか？

var hoge = A ? B : C ? D : E
 // A~Eは式、値です

Answer 1

三項演算子はカッコを付けないでネストさせてはいけません
考え方が２つできてしまいます

console.log( 1?2:3?4:5);
↓↓↓
console.log(1?2:(3?4:5)); →2
console.log((1?2:3)?4:5); →4

javascriptは2を採用していますがphpだと4が返ります

Comments

[m.ts10806]

>javascriptは2を採用していますがphpだと4が返ります
これはいい情報。

[yochun02]

なるほど確かに！有益な情報ありがとうございます

Answer 2

A?B:(C?D:E)
とかけばわかるかな？

Comments

[yochun02]

理解しました！ありがとうございます

Answer 3

if文にすればわかるかと

if (A) {
    hoge = B
} else {
    if (C) {
        hoge = D
    } else {
        hoge = E
    }
}

Comments

[yochun02]

親切にありがとうございます。

Answer 4

基本式は
条件式 ? trueのときの処理 : falseのときの処理
ですので分解すると良いです。

条件式AがtrueのときにB
falseのときにCの条件式
でtrueのときにD
falseのときにE

これを丁寧にif文で書くとこんな感じでしょうか

if(A){
 B;
}else{
  if(C){
    D;
   }else{
    E;
  }
}

Comments

[yochun02]

詳しく説明していただきありがとうございます。

[m.ts10806]

あまり詳しく書いたつもりはないですが、
プログラムはあくまで1つずつ順番に実行されていくものなので、
処理の順番が分からなくなれば1つ1つ分解していけば理解しやすくなると思います
（私も今回のような例はあまりお目にかかったことがないので初めて見た感覚で回答に書いたように分解して理解しました）