百度360必应搜狗淘宝本站头条
当前位置:网站首页 > IT技术 > 正文

鸿蒙开发基础——TypeScript Array对象解析

wptr33 2025-05-05 19:03 10 浏览

数组对象是使用单独的变量名来存储一系列的值。TypeScript 的数组对象提供了强大的类型支持,确保数组操作的类型安全。

数组类型声明

两种写法等效:类型[] 或 Array<类型>。

Bash
let numbers: number[] = [1, 2, 3];
let strings: Array<string> = ["a", "b"];

类型推断:初始化时未指定类型,TypeScript 自动推断。

Bash
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 和 y
console.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():向数组的开头添加一个或更多元素,并返回新的长度。

相关推荐

数据库基础:mysql主从集群搭建

文章首发于微信公众号:java架构师进阶之路前言:Mysql数据库没有增量备份的机制,当数据量太大的时候备份是一个很大的问题。还好mysql数据库提供了一种主从备份的机制,其实就是把主数据库的所有的...

Mysql-cluster搭建

前期准备准备五台虚拟机:ip地址分别为:192.168.1.211管理节点192.168.1.64SQL节点192.168.1.65SQL节点192.168.1.70数据节点192.168.1...

mysql 主从数据库搭建

一、创建目录在dev/htb下面创建文件夹master01htb]#mkdirmysql/master01-p2)进入master01...

从零搭建高可用的 MySQL 主从复制架构(基于 Linux 实战指南)

背景在生产环境中,单点MySQL数据库容易成为性能瓶颈或单点故障源。搭建MySQL主从复制架构,可以实现读写分离、高可用,提升系统的整体稳定性与扩展性。...

「MySQL 8」MySQL 5.7都即将停只维护了,是时候学习一波MySQL 8了

MySQL8新特性选择MySQL8的背景:MySQL5.6已经停止版本更新了,对于MySQL5.7版本,其将于2023年10月31日停止支持。后续官方将不再进行后续的代码维护。另外,...

Mysql启动选项和配置文件

Mysql启动选项和配置文件Mysql启动方式下面的启动命令都需要依赖在Linux环境下配置的Mysql环境变量...

centos安装mysql操作手册

1.下载Mysql首先去Mysql官网下载安装包,网址https://dev.mysql.com/downloads/mysql/推荐大家下载Linux通用版本的,便于管理安装位置,也方便一台服务器...

MySQL安装

MySQL的安装过程因操作系统的不同而有所差异。以下是在几种常见操作系统上安装MySQL的基本步骤:Windows下载MySQL:访问MySQL官方网站下载页面:MySQLDownloads...

MySQL数据库安装教程

前言今天就带各位小伙伴学习数据库技术。数据库技术是Java开发中必不可少的一部分知识内容。也是非常重要的技术。...

MySQL学到什么程度?才有可以在简历上写精通

前言如今互联网行业用的最多就是MySQL,然而对于高级Web面试者,尤其对于寻找30k下工作的求职者,很多MySQL相关知识点基本都会涉及,如果面试中,你的相关知识答的模糊和不切要点,基...

一起免费考 MySQL OCP 认证啦

前言:在1995年,首个MySQL版本发布,为庆祝MySQL诞辰30周年,OracleUniversity在限定期间内推出了多个MySQL的免费培训课程与认证,其中也包括My...

教程2 | 制作用户管理系统

一、项目简介用户管理系统是一个基于C/S模式的小型管理系统,使用了GUI技术来实现管理系统的页面效果,该管理系统可以对用户的信息,比如姓名、年龄、密码和地址等进行增删改查操作。用户管理系统通过JDBC...

红帽Linux中安装mysql8详细步骤

注意:我写的解压路径和截图路径不一致,仅供参考先前往官网下载mysql8下载地址:https://dev.mysql.com/downloads/选择指定版本和系统下载命令...

MySQL主从配置

主从原理MySQL主从又叫做Replication、AB复制。简单讲就是A和B两台机器做主从后,在A上写数据,另外一台B也会跟着写数据,两者数据实时同步的。...

mysql的主从搭建以及实现主从切换方法

主从搭建的方法:a.准备两台服务器...