TypeScript 基礎入門-Array

前言

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

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

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

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

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

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

1
2
3

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，所以我們可以這樣寫

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

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

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