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

TypeScript-数组和元祖类型

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

方式一

需求:要求定义一个数组, 这个数组中将来只能存储 数值 类型的数据:

let val: Array<number>;
val = [1, 3, 5];
console.log(val);

如上代码的含义为表示定义了一个名称叫做 val 的数组, 这个数组中将来只能够存储 数值 类型的数据,错误示例如下:

let val: Array<number>;
val = [1, 3, 'a'];
console.log(val);

方式二

需求:要求定义一个数组, 这个数组中将来只能存储 字符串 类型的数据:

let val: string[];
val = ['c', 'b', 'a'];
console.log(val);

如上代表的含义表示定义了一个名称叫做 val 的数组, 这个数组中将来只能够存储 字符串 类型的数据,错误示例如下:

let val: string[];
val = [1, 'b', 'a'];
console.log(val);

联合类型

let val: (number | string)[];
val = [1, 'b', 'a'];
console.log(val);

如上代表的含义表示定义了一个名称叫做 val 的数组, 这个数组中将来既可以存储 数值 类型的数据, 也可以存储 字符串 类型的数据,错误示例如下:

let val: (number | string)[];
val = [1, 'b', 'a', false];
console.log(val);

任意类型

let val: any[];
val = [1, 'b', 'a', false];
console.log(val);

如上代表的含义表示定义了一个名称叫做 val 的数组, 这个数组中将来可以存储 任意 类型的数据,没有错误示例

元祖类型

TS 中的元祖类型其实就是数组类型的扩展,元祖用于保存 定长, 定数据类型 的数据

let val: [string, number, boolean];
val = ['BNTang', 18, true];
console.log(val);

如上代表的含义表示定义了一个名称叫做 val 的元祖, 这个元祖中将来可以存储 3 个元素, 第一个元素必须是 字符串 类型, 第二个元素必须是 数字 类型, 第三个元素必须是 布尔 类型超过指定的长度会报错,错误示例如下:

let val: [string, number, boolean];
val = ['BNTang', 18, true, false];
console.log(val);

存储元素的类型位置不能改变,例如第一个你指定为存储字符串就一定存储的是字符串的内容如果不是会报错如下:

let val: [string, number, boolean];
val = [18, 'BNTang', true];
console.log(val);


鲜花

握手

雷人

路过

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

请发表评论

全部评论

专题导读
上一篇:
Serverless 实战 —— 函数计算 + Typescript 实践发布时间:2022-07-18
下一篇:
JavaScript 仍然位居榜首,TypeScript 也不甘落后发布时间: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