01 / 05
数を入れる変数は `number`
数値を入れる変数には number と書く。整数も小数も、どちらも number だよ。
JavaScript には「整数の型」と「小数の型」の区別が無いので、TypeScript にも無いんだ。
const nedan: number = 480;const zei: number = 1.1;console.log(nedan * zei);実行結果
528.0000000000001
型をつける
INPUT · スライド
01 / 05
数値を入れる変数には number と書く。整数も小数も、どちらも number だよ。
JavaScript には「整数の型」と「小数の型」の区別が無いので、TypeScript にも無いんだ。
const nedan: number = 480;const zei: number = 1.1;console.log(nedan * zei);実行結果
528.0000000000001
02 / 05
"480" と 480 は別ものだよ。" で囲まれているほうは文字列だ。
number と書いた変数に "480" を入れようとすると、TypeScript が止めてくれる。この取りちがえは JavaScript でいちばん多いまちがいのひとつで、"480" + 20 が "48020" になってしまう事故につながる。
const nedan: number = "480";実行結果
型のエラー: 型 'string' を型 'number' に割り当てることはできません。
03 / 05
true(はい)と false(いいえ)の2つだけを入れる型が boolean だよ。
「会員かどうか」「売り切れかどうか」のように、2つに1つの状態を持つのに使う。
const kaiin: boolean = true;console.log(kaiin);実行結果
true
04 / 05
"true" と書くと、それは true ではなく「true という4文字」だよ。
boolean の変数には入れられない。ここも TypeScript が止めてくれるところだ。
const kaiin: boolean = "true";実行結果
型のエラー: 型 'string' を型 'boolean' に割り当てることはできません。
05 / 05
> や === で比べた結果は true か false になる。つまり boolean だよ。
だから比べた結果を、そのまま boolean の変数に入れられる。
const tensuu: number = 72;const goukaku: boolean = tensuu >= 60;console.log(goukaku);実行結果
true