&& と || が返すもの
JavaScript入門 / 全 5 枚
JavaScript入門 - && と || が返すもの
|| は「はい / いいえ」を返していない
&& と || は、条件をつなぐ演算子として紹介されることが多い書き方です。ただし返ってくるのは true や false ではなく、左右どちらかの値そのものです。プロフィールの表示名を決める場面で、この性質がそのまま既定値の書き方になります。
true が返るなら画面には true と出てしまいます。文字がそのまま出るのは、値そのものが返っているからです。
左に中身があればその値が、空っぽなら右の値が、そのまま返ってきます。
const nickname = "";
const displayName = nickname || "名無し";
console.log(displayName); // 名無し
const title = "フロントエンドエンジニア";
console.log(title || "肩書き未設定"); // フロントエンドエンジニア1 / 5
← → キーでも送れます