TypeScript 速習チュートリアル

TypeScript の基本型

TypeScriptは、静的型付け(Static Types)を追加することでJavaScriptを拡張します。

1. JavaScriptとTypeScriptのプリミティブ

TypeScriptで最も基本的な型(Type)は、プリミティブ(Primitives)と呼ばれます。
これらの型は、アプリケーションにおけるより複雑な型を構築するためのビルドブロックとなります。

TypeScriptには、すべてのJavaScriptプリミティブが含まれているだけでなく、追加の型機能も備わっています。
ここでは、最も頻繁に使用する5つのプリミティブ型を紹介します。

2. Boolean (ブーリアン)

true または false の値を表します。
フラグ、トグル、条件分岐(Conditions)などで使用されます。

例:TypeScriptサーバーをセットアップする

let isActive: boolean = true;
let hasPermission = false; // TypeScriptは 'boolean' 型を推論(Infers)します

3. Number (ナンバー)

整数(Integers)と浮動小数点数(Floating-point numbers)の両方を表します。
TypeScriptでは、すべての数値に対して同じ number 型を使用します。

let decimal: number = 6;
let hex: number = 0xf00d;      // 16進数 (Hexadecimal)
let binary: number = 0b1010;    // 2進数 (Binary)
let octal: number = 0o744;     // 8進数 (Octal)
let float: number = 3.14;      // 浮動小数点 (Floating point)

4. String (ストリング)

テキストデータを表します。
シングルクォート (')、ダブルクォート (")、またはテンプレートリテラル(Template literals)用のバックティック (`) を使用できます。

let color: string = "blue";
let fullName: string = 'John Doe';
let age: number = 30;
let sentence: string = `こんにちは、私の名前は ${fullName} です。来年で ${age + 1} 歳になります。`;

5. BigInt (ES2020+)

253 - 1 より大きい整数を表します。

const hugeNumber = BigInt(9007199254740991);

6. Symbol (シンボル)

一意の識別子(Unique identifiers)を作成します。
ユニークなプロパティキーや定数を作成する際に有用です。

const uniqueKey: symbol = Symbol('description');
const obj = {
  [uniqueKey]: 'これはユニークなプロパティです'
};
console.log(obj[uniqueKey]); // "これはユニークなプロパティです"