🔲
TypeScriptの基本的な型一覧
はじめに
TypeScriptにはさまざまな型がありますが、今回はTypeScriptの基本的な型についてまとめてみました。
string型
文字列を表します。
let name: string = "taro";
number型
数値を表します。
let age: number = 30;
boolean型
真偽値を表します。
let isStudent: boolean = true;
Object型
オブジェクトのプロパティとその型を指定します。
let person: { name: string; age: number } = {
name: "hanako",
age: 25,
};
Array型
配列を表します。配列内の要素の型を指定するために、Type[] の形式で指定します。
let numbers: number[] = [1, 2, 3, 4, 5];
let fruits: string[] = ["apple", "banana", "cherry"];
Tuple型
固定長の要素で構成された配列を表します。
let person: [string, number] = ["hanako", 25];
Enum型
一連の名前付き定数を表します。
enum Color {
Red,
Green,
Blue,
}
let selectedColor: Color = Color.Red;
any型
あらゆる型を表す特殊な型で、型チェックが緩くなります。型安全性が低下するため、できる限り使用を避けるべき型です。
let data: any = 40;
data = "Hello World";
Union型
複数の型を組み合わせた型です。「|」を使用して型を指定します。
let value: string | number;
value = "Hello";
value = 42;
Literal型
特定の値のリテラルを型として持つことができます。これにより、厳密な値の制約を設定できます。
let status: "success" | "error";
status = "success";
status = "error";
function型
関数の型を表現するのに使用します。関数の引数と戻り値の型を指定できます。
let add: (x: number, y: number) => number;
add = (a, b) => a + b;
// 関数の引数がオブジェクトの場合
let greet: (person: { name: string; age: number }) => string;
greet = (person) => `私の名前は ${person.name} です。年齢は ${person.age} です`;
void型
関数が何も返さないことを表します。主に関数の戻り値の型として使用されます。
function logMessage(message: string): void {
console.log(message);
}
unknown型
型が不明確な値を表します。any型よりも型安全性が高く、型アサーションや型ガードを使用して制約を追加する必要があります。
let userInput: unknown = "TypeScript";
if (typeof userInput === "string") {
let textLength: number = userInput.length;
}
never型
絶対に値を持たない型で、通常は無限ループや例外をスローする関数の戻り値の型として使用されます。
function throwError(message: string): never {
throw new Error(message);
}
function infiniteLoop(): never {
while (true) {
// 無限ループ
}
}
まとめ
今回はTypeScriptの基本的な型についてまとめてみました。
TypeScriptでは、交差型やインデックス型など高度な型指定もありますので、そちらについても別途まとめたいと思います。
Discussion