前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >TypeScript数组类型

TypeScript数组类型

作者头像
HueiFeng
发布2020-04-10 16:45:06
1.1K0
发布2020-04-10 16:45:06
举报
文章被收录于专栏:HueiFeng技术专栏HueiFeng技术专栏

[类型+方括号]

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

代码语言:javascript
复制
var arr:number[]=[1,2,3]
var arr2:string[]=["1","2","3"]
var arr3:any[]=[1,"2",true]

泛型Array<T>

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

代码语言:javascript
复制
var arrType:Array<number>=[1,2,3]
var arrType1:Array<string>=["1","2","3"]
var arrType2:Array<any>=["1",2,true]

接口形式

代码语言:javascript
复制
interface IArr{
    [index:number]:number
}
var arrType3:IArr=[1,2,3]

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

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

代码语言:javascript
复制
interface IArrStudent{
    name:string,
    age:number
}
var arrType5:Array<IArrStudent>=[{ name:"Mr.A",age:18},{ name:"Mr.B",age:20}]

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

代码语言:javascript
复制
var arrType6:IArrStudent[]= [{ name:"Mr.A",age:18},{ name:"Mr.B",age:20}]
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

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

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • [类型+方括号]
  • 泛型Array<T>
  • 接口形式
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档