TypeScript数组类型

原创

HueiFeng

修改于 2020-04-09 10:10:04

8390

修改于 2020-04-09 10:10:04

文章被收录于专栏：HueiFeng技术专栏

类型+方括号

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

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

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

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}]

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

登录后参与评论

0 条评论

热度