[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 な値のため、次項の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"