乐趣区

关于javascript:TS数组和元组

数组

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

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

此外数字类型的定义还能够应用泛型,对于泛型的内容,上面只是做一个数组类型的演示,具体的请看后续对于泛型的篇章。
泛型 定义数组的写法:<font color=red>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

退出移动版