🔰

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

2023/06/23に公開

はじめに

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

参考資料

結論

1. OR 演算子(||)

  1. 初項のundefinedfalsy な値のため、次項のnullが対象となる
  2. nullfalsy な値のため、次項の0が対象となる
  3. 0falsy な値のため、次項のNaNが対象となる
  4. NaNfalsy な値のため、次項のfoo最終値として決定する
const foo = undefined || null || 0 || NaN || '' || 'foo';
console.log(foo);
実行結果を確認する
"foo"

2. AND 演算子(&&)

  1. 初項の100truthy な値のため、次項の[]が対象となる
  2. []truthy な値のため、次項の{}が対象となる
  3. {}truthy な値のため、次項のhoge最終値として決定する
const hoge = 100 && [] && {} && 'hoge';
console.log(hoge);
実行結果を確認する
"hoge"
GitHubで編集を提案

Discussion