TypeScript 非nullアサーション演算子を使う - Qiita

記事の趣旨 TypeScriptには、値がnullでないことを示すための、非nullアサーション演算子(Non-Null Assertion Operator) ! という構文があります。 これが、便利ですがあまり知られていないような気がしたので（自分も最近知りました）、使用例や ? との違いをまとめました。 使用例 前提 例として、あるinput要素が存在することが保証されていて、その要素にフォーカスしたい場合を考えます。 この時以下のように書くと型エラーが発生します。 document.getElementById('input').focus() // エラー: オブジェクトは 'null' である可能性があります。 これは、 document.getElementById の戻り値が HTMLElement | null となるためです。 オプショナルチェイニングの注意点 要素が存

[carolina04]

“! は、オペランドが非nullかつ非undefinedであることをassertするものです。これは、以下のように明示的にassertすることを省略した書き方とも言えます。”