快捷導(dǎo)航

typeScript中數(shù)組類型定義及應(yīng)用詳解

更新時(shí)間：2023年05月10日 10:40:01 作者：茶茶只知道學(xué)習(xí)

相信大家應(yīng)該都知道ts只允許數(shù)組中包括一種數(shù)據(jù)類型的值,下面這篇文章主要給大家介紹了關(guān)于typeScript中數(shù)組類型定義及應(yīng)用的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下

1.定義數(shù)組

1.1 「類型 + 方括號(hào)」表示法

最簡(jiǎn)單的方法是使用「類型 + 方括號(hào)」來表示數(shù)組：

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

在這里，定義了一個(gè)名為list的數(shù)字類型的數(shù)組，數(shù)組里面的項(xiàng)中不允許出現(xiàn)其他的類型，否則會(huì)報(bào)錯(cuò)。

1.2 數(shù)組泛型

我們也可以使用數(shù)組泛型（Array Generic） Array<elemType> 來表示數(shù)組：

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

關(guān)于泛型，后續(xù)我會(huì)更新，可以在我的主頁查看??

1.3 用接口表示數(shù)組

接口也可以用來描述數(shù)組：

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

NumberArray 表示：只要索引的類型是數(shù)字時(shí)，那么值的類型必須是數(shù)字。

雖然接口也可以用來描述數(shù)組，但是我們一般不會(huì)這么做，因?yàn)檫@種方式比前兩種方式復(fù)雜多了。

不過有一種情況例外，那就是它常用來表示類數(shù)組。

1.4 類數(shù)組

類數(shù)組（Array-like Object）不是數(shù)組類型。

類數(shù)組，不能用普通的數(shù)組的方式來描述，而應(yīng)該用接口：

function sum(){
    let args: {
        [index: number]: number;
        length: number;
        callee: Function;
    }= arguments;
}

在這個(gè)例子中，我們除了約束當(dāng)索引的類型是數(shù)字時(shí)，值的類型必須是數(shù)字之外，也約束了它還有 length 和 callee 兩個(gè)屬性。

事實(shí)上常用的類數(shù)組都有自己的接口定義，如 IArguments, NodeList, HTMLCollection 等：

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

其中 IArguments 是 TypeScript 中定義好了的類型，它實(shí)際上就是：

interface IArguments {
    [index: number]: any;
    length: number;
    callee: Function;
}

關(guān)于內(nèi)置對(duì)象，我后期會(huì)更新喲~

2. any 在數(shù)組中的應(yīng)用

一個(gè)比較常見的做法是，用 any 表示數(shù)組中允許出現(xiàn)任意類型：

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

總結(jié)

到此這篇關(guān)于typeScript中數(shù)組類型定義及應(yīng)用的文章就介紹到這了,更多相關(guān)typeScript數(shù)組類型應(yīng)用內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: