【TS】数组和元组

简介: 【TS】数组和元组

数组


在ts中,定义数组类型语法: let 变量名 : 数据类型[] = [值1,值2,值3]

let arr1 : number[] = [1,2,3,4]
console.log(arr1);
// 输出 [1,2,3,4]

此外数字类型的定义还可以使用泛型,关于泛型的内容,下面只是做一个数组类型的演示,详细的请看后续关于泛型的篇章。

泛型定义数组的写法:let 变量名 : Array<数据类型> = [值1,值2,值3]

let arr2 : Array<number> = [5,6,7,8]
console.log(arr2);
// 输出 [5,6,7,8]

定义数组类型需要注意的是,数组定义后,数组内的数据类型必须和定义数组的时候的类型是一致的,否则会有错误提示,某些情况下不会编译通过。


元组

在ts中,元组类型就是在定义数组的时候,类型和数据的个数一开始就已经限定好了。

元组类型的语法 :let arr : [ string ,number,boolean ] = [ ‘东方不败’ , 100 , true ]

let arr3 : [string,number,boolean] = ['东方不败',100.123,true]
console.log(arr3);
// 输出 ['东方不败',100.123,true]

使用元组类型时,需要注意的是,元组类型在使用的时候,数据的类型的位置和数据的个数,需要和 在定义元组的时候的数据类型和位置相一致,不一致则会报错提示,如下:

let arr3 : [string,number,boolean] = ['东方不败',true,123]  // 报错
// 类型顺序为 string, number, boolean  此处传的值为 string boolean number 

可以对元组内的值进行更改,比如:

let arr3 : [string,number,boolean] = ['东方不败',100.123,true]
console.log(arr3[1].toFixed(2));  // 保留两位小数
// 打印 100.12

案例源码:https://gitee.com/wang_fan_w/ts-seminar

如果觉得这篇文章对你有帮助,欢迎点亮star

目录
相关文章
|
6月前
|
JavaScript
TS 小技巧: 使用元组生成联合类型
这篇文章介绍了使用TypeScript开发时,如何根据一个数组的值得到一个联合类型。作者介绍了一个开发小技巧:使用元组生成联合类型。文章中给出了具体的开发场景和示例代码,以及实现的步骤。通过将数组转成元组类型,然后将元组类型转成联合类型,可以实现类型检查。
TS 小技巧: 使用元组生成联合类型
|
3月前
ts中使用字符串做下标报错
ts中使用字符串做下标报错
43 5
|
5月前
TS 系列:使用元祖生成联合类型
TS 系列:使用元祖生成联合类型
36 0
|
7月前
|
前端开发 JavaScript Java
ES6中将非数组转换为数组的三种方法
ES6中将非数组转换为数组的三种方法
|
7月前
|
JavaScript
ts中的元组是什么有什么用
ts中的元组是什么有什么用
134 0
|
JavaScript
ts中枚举
ts中枚举
59 0
读boost::multi_array有感,多维数组实现(非类型模板,偏特化)
读boost::multi_array有感,多维数组实现(非类型模板,偏特化)
|
JavaScript 前端开发
ts -函数的类型
在 JavaScript 中,有两种常见的定义函数的方式——函数声明(Function Declaration)和函数表达式(Function Expression)
【TS】枚举
【TS】枚举
76 0
【TS】函数和函数类型
【TS】函数和函数类型
86 0