一、TS中的数组类型:所有成员的类型必须相同,但是数据量可以是无限量的,当然也可以是零成员
二、Ts数组写法
数组的第一种写法:
// 第一种:在数组成员的类型后面,加上一对方括号。
let arr:number[] = [1,2,3];//
上例解析:数组arr的类型是number[],其中number表示数组成员类型是number。
复杂的可以写成下面这种
let arr:(number|string)[]
注意:圆括号是必须的,否则因为竖杠|的优先级低于[],TypeScript 会把number|string[]理解成
number和string[]的联合类型。
数组的第二种写法:
// 第二种:数组类型的第二种写法是TS内置的Array接口
let arr:Array<number> = [1,2,3];
数组arr的类型是Array<number>,其中number表示成员类型必须是number,这种对于复杂的数组可读
性稍好一些
let arr:Array<number|string>; // 这种写法本质上属于泛型,
注意:
1、数组类型声明了以后,成员数量是不限制的,任意数量的成员都可以,也可以是空数组。也就是说数组的成员是可以动态变化的。
let arr:number[] = [1, 2, 3];
arr[3] = 4;
arr.length = 2;
arr // [1, 2]
// 正是由于成员数量可以动态变化,所以 TypeScript 不会对数组边界进行检查,越界访问数组并不会报错。
let arr:number[] = [1, 2, 3];
let foo = arr[3]; // 正确:变量foo的值是一个不存在的数组成员,TypeScript 并不会报错
2、TypeScript 允许使用方括号读取数组成员的类型。
type Names = string[];
type Name = Names[0]; // string
由于数组成员的索引类型都是number;所以读取成员类型也可以这样写
type Names = string[];
type Name = Names[number]; // string
上例中,Names[number]表示数组Names所有数值索引的成员类型,所以返回string。
二、数组的类型推断
1、如果数组变量没有声明类型,Ts就会推断数组成员的类型,推断时因为值的不同而有所不同(示例如下)
2、如果变量的初始值是空数组,那么 TypeScript 会推断数组类型是
any[]
。(示例如下)3、但是
const arr = []; / / 推断类型为 any[]
arr.push(123); / / 推断类型为 number[]
arr.push('abc');/ / 推断类型为 (string|number)[]
初始为空数组,然后添加新成员,TypeScript 会自动更新类型推断;但是类型推断的自动更新只发生在初始值为空数组的情况,如果初始值不是空数组,类型推断就不会更新
const arr = [1,2,3];
arr.push('abc'); // 报错:初始值123推断数组成员类型为number;下面添加的abc字符串不是number类型
三、只读数组和const断言
方法是在数组类型前面加上readonly
关键字
const arr:readonly number[] = [1,2];
arr.push(3); // 报错
delete arr[0]; // 报错
arr[1] = 2; // 报错
// 上述的数组是只读的,所以增删改数组成员都会报错
TypeScript 将readonly number[]与number[]视为两种不一样的类型,number[]
其实是readonly number[]
的子类。因为只读数组没有pop()、push()等改变数组的方法,所以number[]方法数量多于readonly number[]
注意:
1.由于只读数组是数组的父类型,所以它不能代替数组
2.readonly关键字不能与数组的泛型写法一起使用
const arr:readonly Array<number> = [0, 1]; // 报错
3.TypeScript 提供了两个专门的泛型,用来生成只读数组的类型
const a1:ReadonlyArray<number> = [0, 1];
const a2:Readonly<number[]> = [0, 1];
两者尖括号里面的写法不一样,Readonly<T[]>
的尖括号里面是整个数组(number[]
),而ReadonlyArray<T>
的尖括号里面是数组成员(number
)。
只读数组还有一种声明方法,就是使用“const 断言”。
四、多维数组
Ts使用T[][]的形式表示二维数组,T是最底层数组成员的类型
var multi:number[][] = [[1,2,3], [23,24,25]];
// 上述mulit变量的类型是number[][]; 是一个二维数组最底层数组成员类型是number