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];

Liker 讚賞

這篇文章如果對你有幫助,你可以花 30 秒登入 LikeCoin 並點擊下方拍手按鈕(最多五下)免費支持與牡蠣鼓勵我。
當然你也可以成為 讚賞公民 每個月請我喝一杯咖啡,又或者是 一次性金額抖內

Google AD

撰寫一篇文章其實真的很花時間,如果你願意「關閉 Adblock (廣告阻擋器)」來支持我的話,我會非常感謝你 ヽ(・∀・)ノ