広告スペース(バナー)
レッスン 18 / 20

型アサーション(as)

このレッスンでは、TypeScriptに対して「この値はこの型だと断言する」型アサーション(as)の使い方を学びます。「TypeScript as 型アサーション」で調べている方向けです。

asを使うと、TypeScriptが自動で推論した型を、開発者が指定した型に上書きできます。ただしこれは実行時のチェックを行うものではなく、あくまで「開発者がそう保証する」という宣言に過ぎません。

サンプルコードでは、unknown型の値をas stringで文字列として扱っています。値が本当に文字列であることが確実な場面で使います。

初心者がよくつまずくのが、型アサーションを乱用してしまうことです。asは「型のチェックをすり抜ける」機能でもあるため、実際の値と違う型を指定してしまうと、実行時にエラーが起きる原因になります。可能な限り、前のレッスンで学んだtypeofなどの型ガードで安全に絞り込む方法を優先しましょう。

実際の開発現場では、DOM要素の取得(document.getElementByIdなど、TypeScriptが具体的な型を推論しきれない場面)でよく型アサーションが使われます。

📖 お手本コード
✍️ あなたのコード
コードを書いたら「実行する」を押してください

🧪 このサイトではTypeScriptを直接コンパイル・実行できないため、お手本コードと同じ内容を入力できたかをその場で判定します(採点はブラウザ内だけで行われ、どこにも送信されません)。

🎯
ここまでできればゴール達成!
型を指定して安全に値を扱えるようになります。
広告スペース(バナー)
広告スペース(記事内)