基本型(string / number / boolean / 配列 / null / undefined)

まず覚える3つの基本型

型の中でも登場回数が圧倒的に多いのが string(文字列)、number(数値)、boolean(真偽値=trueかfalse)の3つです。TypeScriptには整数用・小数用の区別はなく、数はすべて number です。

const message: string = "こんにちは";
const price: number = 1980;      // 整数も小数も number
const rate: number = 0.08;
const isPublished: boolean = true;

配列の型:同じ種類を並べる

配列は「同じ種類の値を順番に並べたもの」です。型は「要素の型のうしろに [] を付ける」と書きます。string[] なら文字列の配列、number[] なら数値の配列です。

const tags: string[] = ["ai", "typescript", "web"];
const scores: number[] = [80, 92, 75];

// 別の型を混ぜるとエラーになる
// tags.push(100); // エラー: number は string[] に追加できない

null と undefined:「値がない」を表す2つ

「値がまだない」状態を表す型が2つあります。undefined は「まだ何も代入されていない・未定義」、null は「意図的に空っぽにした」という意味合いで使い分けられることが多いです。実務では、この2つの扱い忘れがバグの定番なので、型の段階で意識しておきます。

function show(nickname: string) {
  return nickname.length; // 空のときを考えていない
}

function show(nickname: string | undefined) {
  return nickname ? nickname.length : 0;
}

• 文字列は string、数値は number(整数も小数も)、真偽は boolean
• 配列は「要素の型 + []」。例:string[]、number[]
• undefined は未定義、null は意図的な空を表すことが多い
• 値が無い可能性があるなら型で表しておくとバグを防げる