TypeScript基础笔记——数组类型(TS -- 4)

简介: 数组类型(TS -- 4)


普通的声明方式

//类型加中括号

letarr:number[] = [123]

//这样会报错定义了数字类型出现字符串是不允许的

letarr:number[] = [1,2,3,'1']

//操作方法添加也是不允许的

letarr:number[] = [1,2,3,]

letarr:number[] = [1,2,3,4];//数字类型的数组

letarr2:string[] = ["1","2","3","4"];//字符串类型的数组

letarr3:any[] = [1,"2",true,undefined,[],{}];//任意类型的数组

letarr4:number[][][] = [[[]],[[]],[[]]]

//这个也能够决定你二维数组还是三维数组想要套几层就写几层

泛型 -- Array <类型>

规则 Array <类型>

letarr1:Array<number>= [1,2,3,4,5]

letarr2:Array<string>= ["1,2,3,4,5"]

letarr3:Array<boolean>= [true]

//泛型数组套娃写法(还能够决定数组里面数组的类型之类的)

letarr4:Array<Array<number>>= [[123],[456]]

类数组 -- arguments

是所有参数的一个集合

functionArr(...args:any):void{//...args为ES6的解构方式,任意类型,voidwei不能有返回值

   console.log(arguments)//输出{'0':4,'1':56,'2':789}

   

   letarr:number[] =arguments//会报错,报缺少类型number[]的以下属性:pop,push,concat,join

   letarr:IArguments=arguments//解决方法

   

   //其中 IArguments 是 TypeScript 中定义好了的类型,它实际上就是:

   interfaceIArguments {

   [index: number]: any;

   length: number;

   callee: Function;

   }

Arr(4,56,789)

接口表示数组

一般用来描述类数组

interfaceArrNumber {

   [index: number]: number;//后面的才是定义类型的

   //[index: number]: string;这个就是定义字符串的了

}

letArr: ArrNumber= [1, 2, 3, 4, 5];

//let Arr: ArrNumber = ["1, 2, 3, 4, 5"];

//表示:只要索引的类型是数字时,那么值的类型必须是数字。

目录
相关文章
|
16小时前
|
监控 JavaScript 安全
TypeScript在员工上网行为监控中的类型安全实践
本文演示了如何使用TypeScript在员工上网行为监控系统中实现类型安全。通过定义`Website`类型和`MonitoringData`接口,确保数据准确性和可靠性。示例展示了从监控设备获取数据和提交到网站的函数,强调了类型定义在防止错误、提升代码可维护性方面的作用。
24 7
|
16小时前
|
JavaScript 安全 前端开发
【TypeScript技术专栏】TypeScript中的类型推断与类型守卫
【4月更文挑战第30天】TypeScript的类型推断与类型守卫是提升代码安全的关键。类型推断自动识别变量类型,减少错误,包括基础、上下文、最佳通用和控制流类型推断。类型守卫则通过`typeof`、`instanceof`及自定义函数在运行时确认变量类型,确保类型安全。两者结合使用,优化开发体验,助力构建健壮应用。
|
16小时前
|
JavaScript 前端开发 开发者
【TypeScript技术专栏】TypeScript类型系统与接口详解
【4月更文挑战第30天】TypeScript扩展JavaScript,引入静态类型检查以减少错误。其类型系统包括基本类型、数组等,而接口是定义对象结构的机制。接口描述对象外形,不涉及实现,可用于规定对象属性和方法。通过声明、实现接口,以及利用可选、只读属性,接口继承和合并,TypeScript增强了代码的健壮性和维护性。学习和掌握TypeScript的接口对于大型项目开发至关重要。
|
16小时前
|
JavaScript 安全 前端开发
【亮剑】TypeScript 由于其强类型的特性,直接为对象动态添加属性可能会遇到一些问题
【4月更文挑战第30天】本文探讨了在 TypeScript 中安全地为对象动态添加属性的方法。基础方法是使用索引签名,允许接受任何属性名但牺牲了部分类型检查。进阶方法是接口扩展,通过声明合并动态添加属性,保持类型安全但可能导致代码重复。高级方法利用 OOP 模式的类继承,确保类型安全但增加代码复杂性。选择哪种方法取决于应用场景、代码复杂性和类型安全性需求。
|
16小时前
|
JavaScript 前端开发
TypeScript基础类型
TypeScript基础类型
|
16小时前
|
JavaScript 前端开发
typescript 混合类型
typescript 混合类型
|
16小时前
|
JavaScript 前端开发 开发者
类型检查:结合TypeScript和Vue进行开发
【4月更文挑战第24天】TypeScript是JavaScript超集,提供类型注解等特性,提升代码质量和可维护性。Vue.js是一款高效前端框架,两者结合优化开发体验。本文指导如何配置和使用TypeScript与Vue:安装TypeScript和Vue CLI,创建Vue项目时选择TypeScript支持,配置`tsconfig.json`,编写`.tsx`组件,最后运行和构建项目。这种结合有助于错误检查和提升开发效率。
|
16小时前
|
JavaScript 编译器 开发者
TypeScript中的类型推断机制:原理与实践
【4月更文挑战第23天】TypeScript的类型推断简化编码,提高代码可读性。编译器基于变量初始值或上下文推断类型,若新值不兼容则报错。文章深入探讨了类型推断原理和实践,包括基本类型、数组、函数参数与返回值、对象类型的推断,并提醒注意类型推断的限制,如非万能、类型兼容性和适度显式指定类型。了解这些能帮助更好地使用TypeScript。
|
16小时前
|
JavaScript 前端开发 编译器
TypeScript中的高级类型:联合类型、交叉类型与条件类型深入解析
【4月更文挑战第23天】探索TypeScript的高级类型。这些特性增强类型系统的灵活性,提升代码质量和维护性。
|
16小时前
|
JavaScript 安全 编译器
TypeScript中类型断言的使用与风险
【4月更文挑战第23天】TypeScript中的类型断言用于显式指定值的类型,但在不恰当使用时可能引发运行时错误或降低代码可读性。