TypeScript 数组类型定义与类数组处理详解

1.定义数组

1.1 「类型 + 方括号」表示法

最基础的方式是利用「类型 + 方括号」来定义数组：

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

此处定义了一个名为list的数字类型数组，数组内元素严禁包含其他类型，否则将引发错误。

1.2 数组泛型

同样可以使用数组泛型（Array Generic） Array<elemType> 来定义数组：

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

关于泛型的详细内容，后续章节会进行更新，欢迎前往我的主页查看🤭

1.3 用接口表示数组

接口定义同样适用于描述数组结构：

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

NumberArray 的含义是：当索引类型为数字时，对应的值类型必须为数字。

尽管接口能描述数组，但通常不推荐此做法，因为其复杂度高于前两种方案。

然而存在一种例外情况，即常用于表示类数组对象。

1.4 类数组

类数组（Array-like Object）并非真正的数组类型。

类数组无法通过普通数组方式描述，而需借助接口定义：

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

该示例中，除了约束索引为数字时值也必须为数字外，还限制了其具备 length 和 callee 两个属性。

事实上，常用的类数组均拥有独立的接口定义，例如 IArguments, NodeList, HTMLCollection 等：

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

其中 IArguments 是 TypeScript 预定义的类型，其实际定义为：

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

关于内置对象的更多内容，我后期会陆续更新哟~

2. any 在数组中的应用

一种常见做法是使用 any 来表示数组允许包含任意类型：

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

总结

至此，关于typeScript中数组类型定义及应用的文章介绍完毕，更多相关typeScript数组类型应用内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站！