🚀 TypeScriptで配列をマスターしよう！型定義から読み取り専用配列まで

今回は配列の型定義について学習しましょう！

型[]

const nums: number[] = [1, 2]

Array<型>

どちらも同じ型定義になる。

const nums: Array<number> = [1, 2]

配列の中身が複雑な時は、Array<型> を用いることが多い。

type User = {
    name: string,
    age: number
}
const users: Array<User> = [
    {
        name: 'taro',
        age: 20
    },
    {
        name: 'jiro',
        age: 18
    }
]

readonly型

読み取り専用の配列を定義することができる。これは配列の中身を書き換えられないようにする。

const nums: readonly number[] = [1, 2]
// 書き換えられない
nums[0] = 3　
// Index signature in type 'readonly number[]' only permits reading.

変更する必要がない配列については、積極的にreadonlyを付与することで、可読性が向上する。