[TypeScript] これ(||)とそれ(&&)って何？

はじめに

typescript の学習を始めた時に、コードを見て||,&&って何これ？と思いました。
色々調べて||,&&を理解したので、執筆しします。

結論

||はOR演算子、&&はAND演算子という意味になります。

使い方

OR 演算子(`||`)

左項がfalsyな値の場合、右項の値が使用される
※falsyな値: false, 0n, 0, -0, undefined, null, Na, ""

foo に代入される値の解説

1. 初項のundefinedはfalsyな値のため、次項のnullが対象となる
2. nullはfalsyな値のため、次項の0が対象となる
3. 0はfalsyな値のため、次項のNaNが対象となる
4. NaNはfalsyな値のため、次項のfooが最終値として決定する

const foo = undefined || null || 0 || NaN || '' || 'foo';
console.log(foo);

出力結果を確認します。

"foo"

AND 演算子(`&&`)

左項がtruthyな値の場合、右項の値が使用される
※途中でfalsyな値の場合、その値で決定される

hoge に代入される値の解説

1. 初項の100はtruthy な値のため、次項の[]が対象となる
2. []はtruthyな値のため、次項の{}が対象となる
3. {}はtruthyな値のため、次項のhogeが最終値として決定する

const hoge = 100 && [] && {} && 'hoge';
console.log(hoge);

出力結果を確認します。

"hoge"