TypeScript の型定義をまとめて解説！プリミティブ・配列・オブジェクト・ユニオンも解説！

// 文字列
let str: string = "Hello, TypeScript";
str = "Bye";
str = 1; // エラー：数値は文字列型を定義しているstrに格納できない

// 数値
let num: number = 98;

// 巨大な数値（nはBigIntを示すために付け加える必要がある）
let bignum: bigint = 9007199254740991n;

// 真偽値
let bool: boolean = true;

// null
let nullValue: null = null;

// undefined
let undefinedValue: undefined = undefined;

// 文字列リテラル型
type Fruit = "apple" | "orange" | "banana";
let fruit: Fruit;

fruit = "apple"; // OK
fruit = "orange"; // OK
fruit = "grape"; // エラー：'grape'はFruit型に含まれていない値

// 数値リテラル型
type Age = 18 | 20 | 25;
let age: Age;

age = 18; // OK
age = 20; // OK
age = 30; // エラー：30はAge型に含まれていない値

// 真偽値リテラル型
type Status = true | false;
let status: Status;

status = true; // OK
status = false; // OK
status = 1; // エラー：1はStatus型に含まれていない値

// 文字列または数値を定義する
let strOrNum: string | number;
strOrNum = 123;
strOrNum = "hoge";

// 3 つ型の定義する
type Status = "success" | "error" | "loading";
let state: Status = "success";

const numbers: number[] = [1, 2, 3, 4, 5];
const fruits: string[] = ["apple", "banana", "orange"];
const mixed: (number | string)[] = [1, "hello", 3, "world"];

const numbers: Array<number> = [1, 2, 3, 4, 5];
const fruits: Array<string> = ["apple", "banana", "orange"];
const mixed: Array<number | string> = [1, "hello", 3, "world"];

// オブジェクトの型指定
const person: { name: string; age: number } = {
  name: "John",
  age: 30,
};

// プロパティがユニオン型の場合
const user: { name: string; age: number | null } = {
  name: "Alice",
  age: null,
};

// タイプエイリアスを定義
type Person = {
  name: string;
  age: number;
};

// オブジェクトにタイプエイリアスを適用
const person: Person = {
  name: "John",
  age: 30,
};

const users: { name: string; age: number }[] = [
  { name: "John", age: 30 },
  { name: "Alice", age: 25 },
  { name: "Bob", age: 35 },
];

type User = {
  name: string;
  age: number;
};

const users: User[] = [
  { name: "John", age: 30 },
  { name: "Alice", age: 25 },
  { name: "Bob", age: 35 },
];