侧边栏壁纸
博主头像
杨不易呀

你的压力来源于无法自律,只是假装努力,现状跟不上内心欲望,所以你焦虑又恐慌。——杨不易呀

  • 累计撰写 71 篇文章
  • 累计创建 71 个标签
  • 累计收到 23 条评论

04-数组和元祖数据类型

杨不易呀
2023-06-06 / 0 评论 / 2 点赞 / 257 阅读 / 384 字 / 正在检测是否收录...
温馨提示:
本文最后更新于 2023-06-06,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

使用案例来讲解TS的数组类型和元祖类型

数组类型

方式一

要求: 定义一个数组 这个数组只能存储数值类型的数据

let valArr: Array<Number> // 定义一个数组类型存储数值
valArr = [1, 2, 3] // 正常
valArr = ["1", "2", 3]; // 会报错
console.log(valArr);

方式二 字符串数组类型

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

let valArrStr: string[];
valArrStr = ["1", "2", "3"]; // 正常
valArrStr = [1, 2, 3]; // 会报错
console.log(valArr);

方式三 联合类型

要求: 定义一个数组将来可以存储数值和字符串

let arr2: (number | string)[];
arr2 = ["123", 111]; // 正常

arr2 = ["123", 111, false]; // 会报错
// 如果想继续存储布尔类型继续加即可 let arr2: (number | string | boolean)[];

方式四 任意类型

要求: 定义一个数组啥类型都可以传递

let arr3: any[];
arr3 = [1, "2", false] // 正常 无错误

元祖类型

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

方式一

定义一个数组它只能按照顺序并且类型传递参数

let arr4: [string, number, boolean];
// 按照类型和顺序
arr4 = ["a", 123123, true];

定长

arr4 = ["a", 123123, true, "我是多余的"]; // 长度超出报错

定数据类型

arr4 = [123132, "我是错乱的", false];// 类型位置不同会报错

启动程序 f12查看结果

img

2
广告 广告

评论区