TypeScript 基礎入門-Array

前言

接下來講到陣列的撰寫方式，其實與撰寫變數是太大的差異，這邊就來了解一下 TypeScript 中應該怎麼寫陣列吧

陣列

首先我們在 JavaScript 宣告陣列會像這樣宣告

const a = [1, 2, 3, 4, 5];

但是在 TypeScript 中宣告陣列也是必須宣告型別的，而宣告陣列型別有幾種方式

使用型別+括號

這是一個最簡單的宣告陣列方式

const a:number[] = [1, 2, 3, 4, 5];

使用 Interface 來宣告陣列

interface numberArray {
  [index: number]: number;
}

這樣子宣告之後，我們就可以這樣宣告陣列

interface numberArray {
  [index: number]: number;
}

const a:numberArray = [1, 2, 3, 4, 5];

簡單來講就是只要 index 的型別是 number，那麼值就必須是number

混和型別陣列

可是如果陣列中有混和型別呢?例如: string、number?我們可以看到 2、4 都是一個 string，所以我們可以這樣寫

const a: (number | string)[] = [1, '2', 3, '4', 5];

當然也有更簡單的方式，也就是使用 any

const a: any[] = [1, '2', 3, '4', 5];