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

🌱 はじめに

この記事では、TypeScript の||,&&のショートサーキット評価を解説します。

参考資料

🌱 結論

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

OR 演算子

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

AND 演算子

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

🌱 1. OR 演算子(||)

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

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

実行結果を確認する

"foo"

🌱 2. AND 演算子(&&)

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

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

実行結果を確認する

"hoge"