問題一覧に戻る
初級特殊な型
問題14: 型アサーション

asキーワードを使って型アサーションを行う方法を学びます。コンパイラに対してより具体的な型情報を伝えることができます。DOM要素のアクセスや、unknown型からの変換で頻繁に使用されますが、注意深く使う必要があります。

// 基本的な型アサーション
let someValue: unknown = "hello world";
let strLength: number = (someValue  string).length;

// DOM要素の型アサーション
const myCanvas = document.getElementById("canvas")  HTMLCanvasElement;

// オブジェクトの型アサーション
interface User {
  name: string;
  age: number;
}
const userData = {}  User;
userData.name = "Alice";
userData.age = 25;