TypeScriptの型まとめ

TypeScriptで使う主な型を簡単にまとめておきます。

基本型

String

文字列型

number

数値型

boolean

真偽値型 （true or false）

null

値が存在しない型

undefined

値が未定義の型

オブジェクト型

オブジェクト型を定義するためにインターフェースや型エイリアスを使用できます。

インターフェース(Interface)

interface User {
  id: number;
  name: string;
  email: string;
}

型エイリアス (Type Alias)

type User = {
  id: number;
  name: string;
  email: string;
};

配列型

同じ型の要素のリストを表します。2つの方法で配列型を定義できます。

let names: string[] = ['Flutter', 'Nuxt', 'Unity'];
let ages: Array<number> = [30, 35, 28];

タプル型

固定長の配列で、各要素の型が事前に指定されています。

type UserInfo = [number, string, string];

let user: UserInfo = [1, 'Otani', 'otani@flutterlabo.tech'];

列挙型 (Enum)

名前付きの定数の集合を定義します。

enum Color {
  Red,
  Green,
  Blue,
}

let favoriteColor: Color = Color.Blue;

Any型

型が不明または動的な場合に使用されます。Any型は、TypeScriptの型チェックを回避します。

let unknownValue: any = 'This could be a string, a number, or anything else';

Unknown型

Any型と同様に型が不明な値に使用されますが、型チェックを強制します。

let unknownValue: unknown = 'This could be a string, a number, or anything else';

Void型

値が存在しないことを示すために使用されます。主に、戻り値がない関数の戻り型として使われます。

function logMessage