Typescript 数组类型

数组类型定义方式有多种，可见灵活性很强，一块儿来看看吧。

招式一和招式二

// 招式一
类型[]

// 招式二：泛型
Array<number>
复制代码

用熟悉的斐波那契数列（Fibonacci sequence）举例

// arrayFibonacci.ts
let arrayFibonacci: number[] = [1, 1, 2, 3, 5, 8];
复制代码

问：上面赋值的数组中有多种类型会怎样？

// arrayFibonacci2.ts
let arrayFibonacci2: number[] = [1, 1, '2', false, 5, 8];

// array.ts:1:5 - error TS2322: Type '(string | number | boolean)[]' is not assignable to type 'number'.
复制代码

错误 ❌ 缘由在于 '2', false 是不能分配给纯数字类型，要想兼容得用联合类型（错误提示中已给出）？

// arrayFibonacci3.ts
let arrayFibonacci3: (number | string | boolean)[] = [1, 1, '2', false, 5, 8];
复制代码

问：给数组定义数字类型，咱们知道数组有不少方法，那 push 一个字符串行不行？

// arrayPush.ts
let arrayPush: Array<number> = [1, 2, 3];
arrayPush.push(5);
arrayPush.push('1');

// 0.0.5/arrayPush.ts:3:16 - error TS2345: Argument of type '"1"' is not assignable to parameter of type 'number'.
    // 3 arrayPush.push('1');
复制代码

看来，必须的传入数字。

招式三：接口

// arrayInterface.ts
interface ArrayNumber {
    [index: number]: number
}

let arrayNumberInterface: ArrayNumber = [1, 1, 2, 3, 5];
复制代码

上面的例子所要表达的是，只要 index 的类型是 number，那么值的类型必须是 number。

问：若是数组中想要存放多种类型怎么办？

// arrayAny.ts
let arrayAny: any[] = [1, '1', false, { name: 'ts' }, [1, 1, 2]];

// 或
let arrayAny2: Array<any> = [1, '1', false, { name: 'ts' }, [1, 1, 2]];
复制代码

问：对于类数组怎么处理？

不就是在赋值时给变量加上 : Type[] 嘛，能够试下

// arrayArguments.ts
function arrayArguments(){
    let args: number[] = arguments;
    let args2: Array<number> = arguments;
}

// 0.0.5/arrayArguments.ts:2:9 - error TS2740: Type 'IArguments' is missing the following properties from type 'number[]': pop, push, concat, join, and 24 more.
    // 2 let args: number[] = arguments;
          
// 0.0.5/arrayArguments.ts:3:9 - error TS2322: Type 'IArguments' is not assignable to type 'number[]'.
    // 3 let args2: Array<number> = arguments;
复制代码

看来类数组不是像上面想的那么简单，还须要专门的类型 IArguments 来定义，IArguments 是内置对象，这个下篇单独说说它。

// arrayArguments2.ts
function arrayArguments2(){
    let args: IArguments = arguments;
}
复制代码

本次代码 Github

你能够...

上一篇：Typescript 对象类型-接口

下一篇：Typescript 函数类型

目录：Typescript 小书之入门篇