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 讚賞 (拍手)

如果這一篇筆記文章對你有幫助,希望可以求點支持或 牡蠣 鼓勵 (ノД`)・゜・。

Liker 是一個按讚(拍手)的讚賞機制,每一篇文章最多可以按五下(拍手),按讚過程你是完全不用付費的(除非你想要每個月贊助我 :D),你只需要登入帳號就可以開始按讚。
而 Liker 會依據按讚數量分配獎金給創作者,所以如果你願意按個讚我會非常感謝你唷。

Google AD

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