TypeScript 基礎入門-Array

前言

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

陣列

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

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

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

使用型別+括號

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

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

使用 Interface 來宣告陣列

1
2
3
interface numberArray {
[index: number]: number;
}

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

1
2
3
4
5
interface numberArray {
[index: number]: number;
}

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

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

混和型別陣列

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

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

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

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