news 2026/10/26 9:22:09

TypeScript开发基础(3)——复合数据类型

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
TypeScript开发基础(3)——复合数据类型

数组、元组、枚举、对象、接口等具有引用和复合特征,属于复合数据类型。

1. 数组类型

数组有一个根本特征:所有成员的类型必须相同,但是成员数量是不确定的,可以是无限数量的成员,也可以是零成员。

(1)数组的定义

let numarr:number[] = [1,2,3];//定义数值型数组 let names:string[] = ["apple","banana","cherry"];//定义字符串数组

(2)数组的常见操作方法

  • ‌concat()‌:连接一个或多个数组,并返回新数组。例如,[1, 2].concat([3, 4])结果为[1, 2, 3, 4]。 ‌
  • ‌push()‌:向数组末尾添加一个或多个元素,并返回新长度。例如,[1, 2].push(3)后数组变为[1, 2, 3]。 ‌
  • ‌pop()‌:删除数组最后一个元素,并返回该元素。例如,[1, 2, 3].pop()返回3,数组变为[1, 2]。 ‌
  • ‌slice(start, end)‌:提取数组的一部分,返回新数组。支持负索引,例如slice(-2)表示从末尾开始提取。 ‌
  • ‌map()‌:通过函数处理每个元素,并返回新数组。例如,[1, 2, 3].map(x => x * 2)结果为[2, 4, 6]。 ‌
  • ‌filter()‌:返回符合指定条件的元素组成的新数组。例如,[1, 2, 3, 4].filter(x => x > 2)结果为[3, 4]。 ‌
  • ‌forEach()‌:遍历数组每个元素并执行回调函数,但不返回新数组。 ‌
  • ‌reduce()‌:将数组元素计算为一个值(从左到右)。例如,[1, 2, 3].reduce((a, b) => a + b)结果为6。 ‌
  • ‌sort()‌:对数组元素进行排序,可自定义比较函数。例如,按数值大小排序:[3, 1, 2].sort((a, b) => a - b)。 ‌
  • ‌reverse()‌:反转数组中元素的顺序。例如,[1, 2, 3].reverse()结果为[3, 2, 1]。
    let numarr:number[] = [1,2,3]; let names:string[] = ["apple","banana","cherry"]; numarr.push(4); numarr.unshift(0); names.push("orange"); names.unshift("grape"); console.log(numarr); console.log(numarr.concat([5,6])); console.log(numarr.slice(1,3)); console.log(numarr.reduce((a,b)=>a+b)); console.log(names); names.reverse(); console.log(names);

2. 元组类型

元组是一种特殊类型的数组,允许在固定长度的集合中存储不同类型的元素,每个位置都有明确的类型和顺序。‌ 与普通数组(元素类型相同且长度可变)不同,元组适用于表示结构化数据,如函数返回多个值或坐标点。‌

let myTup: [string, number] = ["tom", 18]; type Point = [number, number?, number?]; console.log(myTup); console.log(myTup[0]); let x: Point = [10]; // 一维坐标点 let xy: Point = [10, 20]; // 二维坐标点 let xyz: Point = [10, 20, 10]; // 三维坐标点 console.log(x); console.log(xy); console.log(xyz);

3. 枚举类型

枚举(Enum)是一种强大的特性,它允许你为数值集合中的成员提供一个友好的名字。枚举可以是有数字或字符串的成员,这使得代码更易于理解和维护。

(1)数字枚举

enum Direction { Up, Down, Left, Right } console.log(Direction.Up); // 输出: 0 console.log(Direction.Down); // 输出: 1 console.log(Direction[0]); // 输出: "Up"

(2)字符串枚举

enum Direction { Up = "UP", Down = "DOWN", Left = "LEFT", Right = "RIGHT" } console.log(Direction.Up); // 输出: "UP" console.log(Direction["UP"]); // 输出: 0

4. 对象类型

在TypeScript中,可以使用对象字面量语法创建一个对象。该语法是用一对花括号{}将属性和函数包裹起来,而属性和函数则以键—值对的形式进行组织,这种间接形式常用于创建对象。

let user={ id: 1001, name: "张三", password: "123456" }

5. 接口类型

TypeScript 中的接口(Interface)是一种用于定义对象结构的契约,它描述了对象应该包含的属性和方法,确保类型安全。接口是面向对象编程中的重要概念,常用于约束类、函数或对象的形状。‌

interface User { id: number; name: string; password: string; email: string; department: string; role: string; isActive: boolean; joinDate: string; } let user: User = { id: 1, name: "张三", password: "123456", email: "zhangsan@example.com", department: "软件开发部", role: "管理员", isActive: true, joinDate: "2022-01-15", };

对象与接口是面向对象编程的重要概念,在后面面向对象编程中还会详细讲解。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/10/26 4:13:30

18、日期和时间的格式化、解析及时间区域的使用

日期和时间的格式化、解析及时间区域的使用 1. 日期和时间的格式化与解析 1.1 不同地区的日期格式差异 日期的格式会因地区而异。例如,2002 年 5 月 9 日,在美国英语(en - US)地区的短格式为 5/9/02,而在法国法语(fr - FR)地区则为 09/05/02。 1.2 JSTL 的日期格式化…

作者头像 李华
网站建设 2026/10/26 3:35:56

VisionPro CogIPOneImageTool1 工具超详细解释(含内部功能全解析)

CogIPOneImageTool1 工具一、工具基本定位CogIPOneImageTool1 是康耐视 (Cognex) VisionPro 视觉软件中的单图像基础图像处理工具,专注于对单张输入图像执行像素级的预处理操作(如亮度调整、滤波降噪、形态学处理、几何变换等)。它是 VisionP…

作者头像 李华
网站建设 2026/10/25 16:30:44

VisionPro CogIDTool 工具超深度详解(技术细节 + 实战配置版)

CogIDTool 工具超深度详解一、工具基本定位:工业条码识读的 “全能型工具”CogIDTool1 是康耐视 (Cognex) VisionPro 中专注于多码制条码 / 二维码识读的专业工具,区别于 VisionPro 中简单的CogBarcodeTool(仅支持基础一维码)&…

作者头像 李华
网站建设 2026/10/26 3:28:12

让 BI 拥有‘领域大脑’:智能 BI 如何实现 AI 级精准数据查询

随着 AI 广泛应用,企业用户期待商业智能 BI 系统也能实现 AI 式数据查询。业务人员可以在 BI 系统中输入自然语言,比如“我要查今年广东省客户的空调订单金额”,就能得到想要的结果,效率一定会大幅提升! 实现 AI 式自…

作者头像 李华
网站建设 2026/10/26 3:21:35

提示工程架构师的战略规划:提示系统生命周期管理

提示工程架构师的战略规划:提示系统生命周期管理——从“零散提示”到“系统能力”的蜕变 一、引入:当提示工程遇到“成长的烦恼” 凌晨2点,某电商公司的算法工程师小李还在电脑前改提示词。上周刚上线的“智能客服提示模板”出了问题——用户…

作者头像 李华
网站建设 2026/10/25 23:02:16

条形码识别与定位:基于FCOS框架的多类型条码检测与识别技术详解

1. 条形码识别与定位:基于FCOS框架的多类型条码检测与识别技术详解 本文共分为六章,各章节内容安排如下: 第一章为绪论。主要介绍研究背景及意义,阐述条形码识别技术的重要性和应用价值;分析国内外研究现状&#xff…

作者头像 李华