TypeScript

【TypeScript入門】基本の型(プリミティブ型)の使い方を解説!

こんにちは、テルプロです!

「TypeScritpにおける基本の型の使い方を知りたい」とお悩みではないでしょうか?

テルプロ

本記事ではそんな悩みを解決していきます!

本記事を読むことで
  1. TypeScriptの基本の型の使い方がわかるようになる
  2. コードを用いた解説で、初心者でも簡単に理解できる

TypeScriptにおけるプリミティブ型について

プリミティブ型とは

  1. プログラミング言語が提供する基本的なデータ型のこと
  2. 文字列(string)、数値(int)、真偽値(boolean)などがある

プリミティブ型を理解する上で押さえておくべきポイントは上記の2点のみです。

では早速、コードを用いて解説していきます!

基本的な使い方

const Example = () => {
 
  // 文字列
  let str: string = "Hello";

  // 数値
  let num: number = 102;

  // 巨大な数値 (numberで処理しきれない大きな数値)
  let bignum: bigint = 103n;

  // 真偽値
  let bool: boolean = true;

  // null値
  let nullish: null = null;
  let undefinedValue: undefined = undefined;

  // リテラル型 (特定の値)
  let trueVal: true = true;
  let num123: 123 = 123;
  let strHello: "Hello" = "Hello";
};

export default Example;

簡単解説

JavaScriptでは、型の指定ができません。そのため、保守性や可読性が悪くなってしまう傾向にありました。

TypeScriptでは、上記のように値やメソッドに対して型を指定できるため、JavaScriptが抱えていた問題を解決してくれる上位互換と言われています。

要するに、JavaScriptとTypeScriptの決定的な違いは「型の指定」にあります。

まとめ

今回は「TypeScriptにおける基本の型(プリミティブ型)」の使い方を解説しました。

TypeScriptの実践的なスキルを身につけたい方には「Udemy」がおすすめです。オンラインコースの数は10万以上。世界で4000万人以上の人が学習に利用しています。

▼以下では、口コミをもとに厳選した「TypeScript学習におすすめのUdemy講座3選」をご紹介しています。ぜひ参考にしてみてください!

最後までご覧いただきありがとうございました。ではまた!

参考文献
ABOUT ME
テルプロ
東京都在住のアプリエンジニア。大学では、ソフトウェア開発の研究に取り組む。長期のエンジニアインターンシップを経て、実務スキルを磨き、現在はフリーランスエンジニアとしても活動中。メインはモバイルアプリ開発。IT関連の記事監修も行い、技術の共有と普及に励んでいます。 監修実績(レバテックフリーランス
Flutter関連の書籍を出版しました!