11.typescript-元组

Posted 2020-10-03 太阳你好 ☂

啊啊啊啊啊啊~，又吃撑，以后不吃饭了！

 

<----------------------------------------☺mizhiweixiao☺---------------------------------------->

 

1.数组和元组
数组是介样儿的：

1 let myName:string[] = ["wei","ze","yang"];                                        
2 let myAge:number[] = [21,22,23];                                                 
3 let student:any[] = ["wei",23,true];                                                           

元组是介样儿的：

 1 let student:[string,number,boolean] = ["weizeyang",22,true];       ----  星期五的尾巴，总是拉不长，哎！

2.赋值方式

（1）介样儿？

1 let student:[string,number,boolean];
2 student[0] = "weizeyang";
3 student[1] = 22;
4 
5 // 也不影响对象类型的方法使用
6 student[0].slice(1);
7 student[1].toFixed(2);

（2）介样儿？

1 let student1:[string,number,boolean] = ["weizeyang",22,true];
2 
3 // 但是这个时候就要注意了不可以少赋值
4 let student2:[string,number,boolean] = ["weizeyang",22];
5 // Error : Type \'[string, number]\' is not assignable to type \'[string, number, boolean]\'.
6 // Erroe : Property \'2\' is missing in type \'[string, number]\'.

（3）介样儿？

1 let student1:[string,number];
2 student1 = ["weizeyang",22,"女"];
3 
4 // 这时需要注意
5 // 当赋值给越界的元素时，它类型会被限制为元组中每个类型的联合类型
6 
7 let student2:[string,number];
8 student2 = ["weizeyang",22,true];
9 // Error : Type \'[string, number, boolean]\' is not assignable to type \'[string, number]\'.

还有一点需要注意的是：

1 let student1:[string,number];
2 student1 = ["weizeyang",22,"女孩儿"];
3 
4 // 这时虽然赋值成功了，但是其方法使用时依然是
5 
6 student1[2].slice(1);
7 // Error : Property \'slice\' does not exist on type \'string | number\'.

我记得学过这么一种解决办法：

1 let student1:[string,number];
2 student1 = ["weizeyang",22,"女孩儿"];
3 
4 (<string>student1[2]).slice(1);  // 孩儿

 

<----------------------------------------☺mizhiweixiao☺---------------------------------------->