JavaScript TypeScript プログラミング

【typescript】基礎的な型のつけ方 - 型の種類

typescript基礎的な使い方画像

 

今回はtypescriptの環境を作ったけど、勉強の仕方がわからない人向けの

記事となっております。

まずはtypescriptの基礎的な使い方をこの記事で勉強しましょう。

 

まだtypescriptの環境構築が終わっていない方は

以下の記事で解説をしているので、参考にしてください!

 

typescript環境構築
参考typescriptの環境構築について解説

続きを見る

 

typescriptの文字列の型注釈

 

typescriptの文字列型の型注釈はstringを使います。

 index.ts
const test: string = "Hello";

このように変数名のあとに : stringとつけることで

変数testが文字列しか入れることができなくなります。

"Hello" を数値の1などにするとエラーになると思います。

typescript文字列画像

 

typescriptの数値の型注釈

次に数値型についてです。

typeScriptの数値型の型注釈はnumberを使います。

ここは簡単な足し算をしてみましょう。

 

 index.ts
const count1: number = 123;
const count2: number = 100;
console.log(count1 + count2);

 

typescriptの真偽値の型注釈

次に真偽値型です。

typescriptの真偽値型の型注釈はbooleanを使います。

 

 index.ts
const flg: boolean = true;

 

typescriptのbigint型の型注釈​

 

次にbigint型です。

typescriptのbigint型の型注釈はbigintを使います。

bigintは、数値型よりも大きな整数を扱える型です。
あまり使う機会はないと思いますが実際に書き方の例だけ載せておきます。

 

 index.ts
const x: bigint = 100n;

 

typescriptのnull型の型注釈​

nullは値がないことを示す値です。

typescriptでnull型を型注釈するにはnullを用います。

 index.ts
const x: null = null;

 

typescriptのundefiend型の型注釈​

 

JavaScriptのundefinedは未定義を表す値です。変数に値がセットされていないとき

戻り値が無い関数配列に存在しないインデックスでアクセスしたときなどに現れます。

typescriptでundefined型の型注釈を行うには、undefinedを用います。

 index.ts
const x: undefined = undefined;

 

typescriptのシンボル型の型注釈​

 

JavaScriptのシンボル型(symbol type)は、、その値が一意になる値です。

シンボルはシンボル名が同じであっても、初期化した場所が違うとfalseになります。

typescriptでシンボルの型注釈はsymbolを用います。

 

 index.ts
const s: symbol = Symbol();

 

まとめ

今回はtypeScript基礎的な型のつけ方 - 型の種類について解説しました。

今回は基礎的な部分だけでしたが、今回紹介した基礎は必ず必要になる知識なので

忘れた場合はもう一度この記事を見返しましょう!

最後までみてくださりありがとうございました!

-JavaScript, TypeScript, プログラミング