🐒 省エネコードを目指して・・・
作成日: 2021/12/27
2

ついついif文や遠回りな書き方をしてしまいがちだけど
色々な書き方が出来るのがjavascriptの良い所と思って前向きに覚えて使おう。
スマートに省エネ記法でさらっと書けるようになりたいメモー

&&で繋ぐと前の条件式がtrueの時だけ後ろの処理が実行されるようになる。

[条件式] && [任意の処理]

へびげーむ

<div className="button">
       { status === "gameover" && <button onClick={onRestart}>gameover</button> }
       { status === "init" && <button onClick={onStart}>start</button> }
       { status === "suspended" && <button onClick={onStart}>start</button> }
       { status === "playing" && <button onClick={onStop}>stop</button> }
     </div>
  • 基本的だけど三項演算子もメモ
var result = 5 > 2 ? true : false;
  • 三項演算子の連鎖
function example(…) {
    return condition1 ? value1
         : condition2 ? value2
         : condition3 ? value3
         : value4;
}