🔲

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では、交差型やインデックス型など高度な型指定もありますので、そちらについても別途まとめたいと思います。

コラボスタイル Developers

Discussion