欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

TypeScript数组类型

程序员文章站 2022-06-24 10:22:31
[类型+方括号] 在我们创建数组的时候同样我们可以定义数组内数据的类型,如下所示 泛型Array 如下代码所示我们可以以泛型的方式进行创建数组 接口形式 通过如上代码我们限制了值只能为 类型 当然我们也可以约束我们数组里面为我们的对象,我们可定义一个泛型的数组如下所示. 同样在这类型加方括号的形式也 ......

[类型+方括号]

在我们创建数组的时候同样我们可以定义数组内数据的类型,如下所示

var arr:number[]=[1,2,3]
var arr2:string[]=["1","2","3"]
var arr3:any[]=[1,"2",true]

泛型array

如下代码所示我们可以以泛型的方式进行创建数组

var arrtype:array<number>=[1,2,3]
var arrtype1:array<string>=["1","2","3"]
var arrtype2:array<any>=["1",2,true]

接口形式

interface iarr{
    [index:number]:number
}
var arrtype3:iarr=[1,2,3]

通过如上代码我们限制了值只能为number类型

当然我们也可以约束我们数组里面为我们的对象,我们可定义一个泛型的数组如下所示.

interface iarrstudent{
    name:string,
    age:number
}
var arrtype5:array<iarrstudent>=[{ name:"mr.a",age:18},{ name:"mr.b",age:20}]

同样在这类型加方括号的形式也可以描述

var arrtype6:iarrstudent[]= [{ name:"mr.a",age:18},{ name:"mr.b",age:20}]