TypeScriptの基本型をわかりやすく解説

TypeScriptでは,、型（Type）を定義することで

• バグを減らす
• コードの可読性を上げる
• IDEの補完を強化する

ことができます。

今回は TypeScriptで最初に覚える基本型を紹介します。

1、 string型

文字列を扱う型です。

let username: string = "Taro"

let username: string = "Taro"

別の型を代入するとエラーになります。

username = 123

username = 123

結果

Type 'number' is not assignable to type 'string'

Type 'number' is not assignable to type 'string'

2、 number型

数値を扱う型です。

let age: number = 30

let age: number = 30

JavaScriptの

• 整数
• 小数

はすべて number型になります。

3、 boolean型

true / false の値です。

let isLogin: boolean = true

let isLogin: boolean = true

条件処理などでよく使います。

4、 array型

配列の型です。

書き方は2種類あります。

方法1

let numbers: number[] = [1,2,3]

let numbers: number[] = [1,2,3]

方法2

let numbers: Array<number> = [1,2,3]

let numbers: Array<number> = [1,2,3]

一般的には

number[]

number[]

の書き方がよく使われます。

5、 object型

オブジェクトの型です。

let user: {
  name: string
  age: number
}

let user: {
  name: string
  age: number
}

例

let user = {
  name: "Taro",
  age: 30
}

let user = {
  name: "Taro",
  age: 30
}

6、 any型

anyは、どんな型でも許可する型です。

let data: any = "hello"

data = 123
data = true

let data: any = "hello"

data = 123
data = true

ただし、TypeScriptのメリットがなくなるため、使いすぎには注意が必要です。

7、 unknown型

anyに似ていますが、より安全な型です。

let value: unknown

value = "hello"
value = 10

let value: unknown

value = "hello"
value = 10

unknownは、型チェックをしないと使えません

if(typeof value === "string"){
  console.log(value.toUpperCase())
}

if(typeof value === "string"){
  console.log(value.toUpperCase())
}

8、 void型

関数が 値を返さない場合に使います。

function logMessage(msg:string): void {
  console.log(msg)
}

function logMessage(msg:string): void {
  console.log(msg)
}

9、 null / undefined

let a: null = null
let b: undefined = undefined

let a: null = null
let b: undefined = undefined

と定義できます。

まとめ

TypeScriptで最初に覚える基本型はこちらです。

これらを理解するとTypeScriptの基礎の半分は理解できたと言えます。

次回は、TypeScriptの型推論（Type Inference）