プリミティブ型、配列、そして単純なユニオン

3つの基本型、配列に型を付ける方法、そして型のユニオンを作る方法を学びましょう。

7 分 · 3 問

プリミティブ型はTypeScriptの基本的な構成要素です。最もよく使われる3つは、テキスト（常に引用符で囲む）を表す string、すべての数値（整数も小数も同じく）を表す number、そして値 true または false を表す boolean です。これらは小文字で書くことに注意してください。

let city: string = "Paris";
let temperature: number = 21.5;
let isRaining: boolean = false;

配列とは、順序付けられた値のリストです。型を付けるには、要素の型に続けて角かっこを書きます。number[] は「数値の配列」と読みます。TypeScriptはその後、あなたが追加するすべての要素を検証します。

const scores: number[] = [12, 15, 9];
const guests: string[] = ["Nadia", "Louis"];

scores.push(18); // accepted: 18 is a number
// scores.push("twenty"); -> error: not a number

ときには、値が正当に複数の型を持ちうることがあります。ユニオンは縦棒 | で書き、「または」と読みます。型 string | number はテキストか数値のどちらかを受け入れます。特定の値のユニオンを作って、可能な選択肢を制限することもできます。

let answer: string | number;
answer = "forty-two"; // accepted
answer = 42;          // also accepted

type Size = "small" | "medium" | "large";
let cupSize: Size = "medium";
// cupSize = "xl"; -> error: value not allowed

理解度チェック

このレッスンの要点をしっかり覚えているか確認しましょう。

1. 値 true にはどの型を使いますか。
   • string
   • number
   • boolean
2. 数値だけを含む配列はどう宣言しますか。
   • let list: number[]
   • let list: [number]
   • let list: array
3. 型 string | number は何を意味しますか。
   • 値はテキストであり、かつ数値である
   • 値はテキストか数値のどちらかである
   • 値はテキストでなければならない
   • 値は何でもよい