typeScript-基礎知識-4-6數組的類型

數組的類型：

在 TypeScript 中，數組類型有多種定義方式，比較靈活。

「類型 + 方括號」表示法

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

 

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

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

 

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

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;

}