TypeScript：基本の型注釈

出力 == 42 3.14

整数も小数も同じ number 型。console.log(a, b) で並べて出力できる。

const count: number = 42;
const rate: number = 3.14;

console.log(count, rate);

TypeScriptには整数型と小数型の区別が無い。どちらも number でまとめて扱う。他の言語（Javaなど）とはここが違う。

解答 == B

any は「何でも入る型」。

B

any は型チェックを無効にする。書けてしまうが、TypeScriptを使う意味が失われる。「とりあえず any」は最も避けたい書き方。

出力 == 3.14

toFixed(2) を使う。JavaScriptと同じメソッドが使える。

const pi: number = 3.14159;

console.log(pi.toFixed(2));

number 型に使えるメソッドはJavaScriptと同じ。型を付けたことで、エディタが使えるメソッドを候補表示してくれるようになる。

const message: ____ = "こんにちは";

console.log(message);

出力 == こんにちは

文字列を表す型。小文字で6文字。

string

すべての型名は小文字。String（大文字）とは別のものを指すので、必ず小文字で書く。

解答 == B

any を使うと何が失われるか。

B

any は「最後の手段」。外部ライブラリの型が不明な場合など限られた場面のみ。多用すると、型のあるJavaScriptではなく、ただのJavaScriptに戻ってしまう。

出力 == 140800

Number() で変換する。変換前は string、変換後は number になる。

const input: string = "128000";
const price: number = Number(input);
const taxed: number = Math.round(price * 1.1);

console.log(taxed);

型が変わる場面では、変数を分けるのが安全。同じ変数を使い回すと「今どっちの型なのか」が分からなくなる。

const isPublished: ____ = false;

console.log(isPublished ? "公開中" : "非公開");

出力 == 非公開

true / false を表す型。小文字で7文字。

boolean

boolean は2つの値しか取らないので、型として最も厳密なもののひとつ。フラグや状態の管理に使う。

解答 == B

number 型に null は含まれるか。

B

厳格モードでは null と number は別の型。「値が無いかもしれない」ことを表すには専用の書き方が必要になる（TS08）。この厳しさが、JS17で悩まされたNULL関連のバグを防いでくれる。

出力 == キーボード／在庫18個／販売中

3種類の型を使う。販売状態は三項演算子で切り替える。

const productName: string = "キーボード";
const stock: number = 18;
const onSale: boolean = true;

console.log(`${productName}／在庫${stock}個／${onSale ? "販売中" : "販売停止"}`);

3つの基本型を1つの処理で使い分ける。実務のデータは必ず複数の型が混在するので、この組み合わせが基本形になる。

出力 == 12

文字列と数値を + でつなぐと、結果は文字列になる（JS03）。型注釈は string。

const a: string = "1";
const b: number = 2;
const result: string = a + b;

console.log(result);

TypeScriptでもこの罠は防げない。"1" + 2 は文字列として正しいので、型エラーにならない。JS03で学んだ注意点は、TypeScriptでもそのまま有効。

出力 == 小計：25,500円

入力は string、変換後は number。Number() で変換する。

const qtyInput: string = "3";
const priceInput: string = "8500";

const qty: number = Number(qtyInput);
const price: number = Number(priceInput);
const subtotal: number = price * qty;

console.log(`小計：${subtotal.toLocaleString()}円`);

フォームの入力は必ず文字列で届く（JS12で学んだ input.value と同じ）。TypeScriptなら「ここはまだ文字列」「ここから数値」が型として明示されるので、変換忘れに気づきやすい。

出力 == 割引率：15.0%

割引率 =（定価−割引後）÷ 定価 × 100。toFixed(1) で桁を揃える。

const listPrice: number = 20000;
const salePrice: number = 17000;

const rate: number = ((listPrice - salePrice) / listPrice) * 100;

console.log(`割引率：${rate.toFixed(1)}%`);

計算の途中も number 型のまま。toFixed の結果だけは文字列になる点に注意（表示用に変換されるため）。

出力 == 2001

any には何でも代入できる。"200" + 1 は文字列連結になる。

let value: any = 100;
value = "200";

console.log(value + 1);

期待した 201 ではなく 2001 になる。any を使ったため、TypeScriptは何も警告してくれなかった。これがanyの危険性——型を書いているのに、まったく守られていない状態になる。

出力3行が完全一致

税抜 = 税込 ÷ 1.1（四捨五入）。税額 = 税込 − 税抜。

const taxIncluded: number = 140800;

const taxExcluded: number = Math.round(taxIncluded / 1.1);
const tax: number = taxIncluded - taxExcluded;

console.log(`税込：${taxIncluded.toLocaleString()}円`);
console.log(`税抜：${taxExcluded.toLocaleString()}円`);
console.log(`消費税：${tax.toLocaleString()}円`);

逆算では引き算で差額を求めるのが安全。税額も別途 Math.round(taxExcluded * 0.1) で計算すると、丸め誤差で1円合わないことがある。

出力3行が完全一致

区分の判定結果は string 型の変数に入れる。在庫評価額は単価×在庫。

const productName: string = "モニター";
const price: number = 45000;
const stock: number = 7;

const priceClass: string = price >= 30000 ? "高額" : "通常";
const stockValue: number = price * stock;

console.log(productName);
console.log(`単価区分：${priceClass}`);
console.log(`在庫評価額：${stockValue.toLocaleString()}円`);

priceClass は string 型だが、実際には「高額」か「通常」しか入らない。今の書き方ではどんな文字列でも代入できてしまう。TS06のリテラル型を学ぶと、この2つだけに限定できるようになる。