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

TypeScript数组和元组

原作者: [db:作者] 来自: [db:来源] 收藏 邀请
/**
* TS 数组和 JS 数组是一样的
* 变量提示,const numberArr: number[]
*/
const numberArr = [1, 2, 3];

const arr: number[] = [1,2,3];
const stringArr: string[] = ['a', 'b', 'c'];
// 如果这个数组里面既存数字又存字符串,如何写
const arr1: (number | string)[] = [1, '2' ,3];


// 除了基本类型的数组,对象类型的数组怎么写
const objectArr: {name: string, age: number}[] = [{name:'a', age:16}]
// 将上面的写法简化下,利用 type alias 类型别名
type User = {name: string, age: number}
const objectArr1: User[] = [{name:'a', age:16}]


// 元组 tuple
const teacherinfo = ['zina', 'girl', 18];
/**
* 鼠标悬浮变量
* const teacherinfo: (string | number)[],
* 推断出 teacherinfo 里面存储的值可能是 string, 也可能是 number
*/
const teacherinfo1: (string | number)[] = ['zina', 'girl', 18];
/**
* 如果说后面的这个数组,长度肯定只有三个,
* 第一个肯定是字符串,第二个肯定是字符串,第三个肯定是数字
* 这个时候第一个改成数字不会报错,数组这种类型约束已经约束不到了
* 这个时候元祖的作用就显现了
*/
const teacherinfo2: [string, string, number] = ['zina', 'girl', 18];
/**
* 这种就是元祖的写法,这个时候后面加一个,或者改动三者的类型都会报错
* 一个数组里面的长度和类型都是固定的时候,就可以使用元祖
* 场景:读取 excel csv 的时候
*/
const teacherinfo3: [string, string, number][] = [
['zina', 'girl', 18],
['zina', 'girl', 18],
['zina', 'girl', 18]
];

 


鲜花

握手

雷人

路过

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

请发表评论

全部评论

专题导读
上一篇:
源映射js.map文件意义用WebStorm开发TypeScript发布时间:2022-07-18
下一篇:
TypeScript的基本使用(2)发布时间: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