feng xiaohan

数组的类型(\*)

数组定义

类型+方括号

let fibonacci: number[] = [1, 1, 2, 3, 5];
// 该数组对象里的所有元素的类型都要为number

数组的项中不允许出现其他的类型,数组的一些方法的参数也会根据数组在定义时约定的类型进行限制。

数组泛型

也可以使用数组泛型(Array Generic) Array<elemType> 来表示数组:

let fibonacci: Array<number> = [1, 1, 2, 3, 5];
  • elemType:表示数组里元素的类型。

用接口表示数组

定义对象数组时可以使用 interface。

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

interface A {
  name: string;
  age?: number;
}
let arr: A[] = [{ name: "张三" }, { naem: "李四" }];

NumberArray 表示:只要索引的类型是数字时,那么值的类型必须是数字。

一般常用来表示类数组。

多维数组

定义多维数组可以使用不同的方法“

  • 类型+方括号

    let arr: number[][] = [[1], [2], [3]];
    
  • 数组泛型

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

是几维数组就套几层。

不同类型数值的数组

当数组里数值的类型有多种时,可以使用:

  • any

    let arr: any[] = [1, "asdfg", false, {}];
    
  • 元组类型

    使用元组类型将其中的值的类型对应起来。

    let arr: [number, string, boolean, {}] = [1, "asdfg", false, {}];
    

类数组

类数组(Array-like Object)不是数组类型,比如 arguments

function sum() {
  let args: number[] = arguments;
}

// Type 'IArguments' is missing the following properties from type 'number[]': pop, push, concat, join, and 24 more.

上例中,arguments 实际上是一个类数组,不能用普通的数组的方式来描述,而应该用接口:

function sum() {
  let args: {
    [index: number]: number;
    length: number;
    callee: Function;
  } = arguments;
}
  • 事实上常用的类数组都有自己的接口定义,如 IArguments, NodeList, HTMLCollection 等。

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

    其中 IArguments 是 TypeScript 中定义好了的类型,它实际上就是:

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