数组对象是使用单独的变量名来存储一系列的值。TypeScript 的数组对象提供了强大的类型支持,确保数组操作的类型安全。
数组类型声明两种写法等效:类型[] 或 Array<类型>。
let numbers: number[] = [1, 2, 3];let strings: Array<string> = ["a", "b"];类型推断:初始化时未指定类型,TypeScript 自动推断。
let arr = [1, 2, 3]; // 推断为 number[]只读数组使用 readonly 或 ReadonlyArray 防止修改。const readOnlyArr: readonly number[] = [1, 2, 3];// readOnlyArr.push(4); // 错误:push 方法不存在5. 类型守卫与类型断言处理混合类型数组时,使用类型守卫缩小类型。类型守卫(Type Guards)是 TypeScript 中的一种机制,用于在运行时检查变量的类型,并根据检查结果缩小类型范围。它允许开发者在处理联合类型(Union Types)或不确定类型(如 unknown 或 any)时,动态地推断出更具体的类型,从而提升代码的安全性和可读性。
const mixed: (string | number)[] = ["a", 2];mixed.forEach(item => { if (typeof item === "string") { console.log(item.toUpperCase()); } else { console.log(item.toFixed(2)); }});Array 对象我们也可以使用 Array 对象创建数组。
Array 对象的构造函数接受以下两种值:表示数组大小的数值和初始化的数组列表,元素使用逗号分隔值。
var arr_names:number[] = new Array(4)var sites:string[] = new Array("A","B","C","D") 数组解构把数组元素赋值给变量,如下所示:
var arr:number[] = [12,13] var[x,y] = arr // 将数组的两个元素赋值给变量 x 和 yconsole.log(x) console.log(y)数组迭代我们可以使用 for 语句来循环输出数组的各个元素:
var j:any; var nums:number[] = [1001,1002,1003,1004] for(j in nums) { console.log(nums[j]) }多维数组一个数组的元素可以是另外一个数组,这样就构成了多维数组(Multi-dimensional Array)。
最简单的多维数组是二维数组,定义方式如下:
var arr_name:datatype[][]=[ [val1,val2,val3],[v1,v2,v3] ]数组方法类型检查方法如 push, map 受类型约束。numbers.push(4); // 正确numbers.push("test"); // 错误:类型不匹配数组对象方法concat():连接两个或更多的数组,并返回结果。
every():检测数值元素的每个元素是否都符合条件。
filter():检测数值元素,并返回符合条件所有元素的数组。
forEach():数组每个元素都执行一次回调函数。
indexOf():搜索数组中的元素,并返回它所在的位置。如果搜索不到,返回值 -1,代表没有此项。
join():把数组的所有元素放入一个字符串。
lastIndexOf():返回一个指定的字符串值最后出现的位置,在一个字符串中的指定位置从后向前搜索。
map():通过指定函数处理数组的每个元素,并返回处理后的数组。
pop():删除数组的最后一个元素并返回删除的元素。
push():向数组的末尾添加一个或更多元素,并返回新的长度。
reduce():将数组元素计算为一个值(从左到右)。
reduceRight():将数组元素计算为一个值(从右到左)。
reverse():反转数组的元素顺序。
shift():删除并返回数组的第一个元素。
slice():选取数组的的一部分,并返回一个新数组。
some():检测数组元素中是否有元素符合指定条件。
sort():对数组的元素进行排序。
splice():从数组中添加或删除元素。
toString():把数组转换为字符串,并返回结果。
unshift():向数组的开头添加一个或更多元素,并返回新的长度。
