• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

TypeScript数组类型

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

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

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

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
将create-react-app从javascript迁移到typescript发布时间:2022-07-18
下一篇:
玩转TypeScript(1) --定义简单的类发布时间:2022-07-18
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap