【TS】数组和元组

数组

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

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

此外数字类型的定义还可以使用泛型，关于泛型的内容，下面只是做一个数组类型的演示，详细的请看后续关于泛型的篇章。
泛型定义数组的写法：let 变量名 ： Array<数据类型> = [值1,值2,值3]

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

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

---

元组

在ts中，元组类型就是在定义数组的时候，类型和数据的个数一开始就已经限定好了。
元组类型的语法 ：let arr : [ string ,number,boolean ] = [ ‘东方不败’ , 100 , true ]

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

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

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

可以对元组内的值进行更改，比如：

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

---

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

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