論理演算子(||,&&,!)の意味

自己紹介

現在都内の企業でWebエンジニアのインターン生としてお世話になっている大学２年生です！
インターンや個人開発で学んだことや苦労したことを記事にしています！
よろしくお願いします🙇🏻‍♂️

はじめに

今回は論理演算子(||,&&,!)の意味についてアウトプットしていこうと思います！
論理演算子はtruly（trueと判定される値）か falsey（falseと判定される値）かの結果で値が決まります。

||の意味

||は左項がtrueなら左項を、左項がfalseなら右項を返す

const name = null;
const nameShow = name || "名前を入力してください";
console.log(nameShow);
//コンソール:名前を入力してください

&&(アンパーサンド)の意味

&&は左項がfalseyなら左項を、左項がtrulyなら右項を返す

const name2 = null;
const name2Show = name2 && "名前を入力してください";
console.log(name2Show);
//コンソール:null

!の意味

!は否定を意味する
左項がtrulyならfalseを、左項がfalseyならtrueを返す

const name3 = true;
console.log(!name3);
//コンソール:false

> !undefined
true
> !null
true
> !0
true
> !123
false
> !""
true
> !"hello"
false
> ![]
false
> !{}
false