TS學習隨筆（四)->數組的類型

少俠們，今天咱們繼續來搞一搞TS

今天咱們要來看一看TS中數組的定義是個什麼鬼樣子

數組的類型：

在 TypeScript 中，數組類型有多種定義方式，比較靈活。下面咱們來看看有哪些定義方法

　　「類型 + 方括號」表示法：

　　　　最簡單的方法是使用「類型 + 方括號」來表示數組：　　

let  tsArray: number[] = [1,1,2,3,4]

 

　　　　數組中的項中不容許出現其餘類型

let fibonacci: number[] = [1, '1', 2, 3, 5]; // index.ts(1,5): error TS2322: Type '(number | string)[]' is not assignable to type 'number[]'. // Type 'number | string' is not assignable to type 'number'. // Type 'string' is not assignable to type 'number'.

　　　　上例中，[1, '1', 2, 3, 5] 的類型被推斷爲 (number | string)[]，這是聯合類型和數組的結合。

　　　　數組的一些方法的參數也會根據數組在定義時約定的類型進行限制：

let fibonacci: number[] = [1, 1, 2, 3, 5]; fibonacci.push('8'); // index.ts(2,16): error TS2345: Argument of type 'string' is not assignable to parameter of type 'number'.

　　　　上例中，push 方法只容許傳入 number 類型的參數，可是卻傳了一個 string 類型的參數，因此報錯了。　　

 

　　數組泛型：　　

　　　　也能夠使用數組泛型（Array Generic） Array<elemType> 來表示數組：　　

let fibonacci: Array<number> = [1, 1, 2, 3, 5];

　　　　關於泛型，你們能夠先仔細學習一下，後面咱們也會學到

 

　　用接口表示數組：

interface NumberArray { [index:number]: number; } let fibonacci: NumberArray = [1,1,2,3,4]

　　　　NumberArray 表示：只要 index 的類型是 number，那麼值的類型必須是 number。

 

 

 

　　any 在數組中的應用

　　　　一個比較常見的作法是，用 any 表示數組中容許出現任意類型：

let list: any[] = ['Xcat Liu', 25, { website: 'http://xcatliu.com' }];

 

　　類數組(特別注意)

　　　　類數組（Array-like Object）不是數組類型，好比 arguments：

function sum() { let args: number[] = arguments; } // index.ts(2,7): error TS2322: Type 'IArguments' is not assignable to type 'number[]'. // Property 'push' is missing in type 'IArguments'.

 

　　　　事實上常見的類數組都有本身的接口定義，如 IArguments, NodeList, HTMLCollection 等：

function sum() { let args: IArguments = arguments; }

 

好了，以上就是TS裏面的數組類型

 

 

參考文章：https://github.com/xcatliu/typescript-tutorial/blob/master/basics/type-of-array.md