型をつける

INPUT · スライド

数値と真偽値の型

01 / 05

数を入れる変数は `number`

数値を入れる変数には 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

はい・いいえは `boolean`

true(はい)と false(いいえ)の2つだけを入れる型が boolean だよ。

「会員かどうか」「売り切れかどうか」のように、2つに1つの状態を持つのに使う。

const kaiin: boolean = true;console.log(kaiin);

実行結果

true

04 / 05

`boolean` に文字列は入らない

"true" と書くと、それは true ではなく「true という4文字」だよ。

boolean の変数には入れられない。ここも TypeScript が止めてくれるところだ。

const kaiin: boolean = "true";

実行結果

型のエラー: 型 'string' を型 'boolean' に割り当てることはできません。

05 / 05

比べた結果も `boolean`

>=== で比べた結果は truefalse になる。つまり boolean だよ。

だから比べた結果を、そのまま boolean の変数に入れられる。

const tensuu: number = 72;const goukaku: boolean = tensuu >= 60;console.log(goukaku);

実行結果

true