論理演算子の && と || で条件分岐を書きたいときの書き方を、感覚的に理解するためのメモ。
【前提知識】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を書いてるときなど、未定義の値を参照するとエラーがでてしまう状況で使える。

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