論理演算子の && と || で条件分岐を書きたいときの書き方を、感覚的に理解するためのメモ。
【前提知識】truthyとfalsyについて。

#&&
意味: AND

xxx && /*処理*/ ;
// ↑↓
if ( xxx ) {
  /*処理*/
} else {
  return xxx ;
}

##解説

##実際に使ってみる。

xxx && ooo ;

xxx が truthy なら…
→ 戻り値は ooo の値になる。

xxx が falsy なら…
→ 戻り値は xxx の値になる。

##こういう時に使える！

#||
意味: OR

xxx || /*処理*/ ;
// ↑↓
if ( !xxx ) {
  /*処理*/
} else {
  return xxx ;
}

##解説

##実際に使ってみる。

xxx || ooo

xxx が truty なら…
→ 戻り値は xxx の値になる。

xxx が falsy なら…
→ 戻り値は ooo の値になる。

##こういう時に使える！

左方が定義されていなかったら、右方の価を参照してくれる。左方が定義済みだったら、左方の値を参照してくれる。
- いわゆる「初期値」というやつ。
- strictモードを使ってるとき、Reactを書いてるときなど、未定義の値を参照するとエラーがでてしまう状況で使える。

#まとめ

（三項演算子については本記事では説明していませんが、ググればすぐに分かると思います。）