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

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

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

数组对象是使用单独的变量名来存储一系列的值。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 和 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进阶五之自动读写分离mysql-proxy

自动读写分离目前,大量现网用户的业务场景中存在读多写少、业务负载无法预测等情况,在有大量读请求的应用场景下,单个实例可能无法承受读取压力,甚至会对业务产生影响。为了实现读取能力的弹性扩展,分担数据库压...

Postgres vs MySQL_vs2022连接mysql数据库

...

3分钟短文 | Laravel SQL筛选两个日期之间的记录,怎么写?

引言今天说一个细分的需求,在模型中,或者使用laravel提供的EloquentORM功能,构造查询语句时,返回位于两个指定的日期之间的条目。应该怎么写?本文通过几个例子,为大家梳理一下。学习时...

一文由浅入深带你完全掌握MySQL的锁机制原理与应用

本文将跟大家聊聊InnoDB的锁。本文比较长,包括一条SQL是如何加锁的,一些加锁规则、如何分析和解决死锁问题等内容,建议耐心读完,肯定对大家有帮助的。为什么需要加锁呢?...

验证Mysql中联合索引的最左匹配原则

后端面试中一定是必问mysql的,在以往的面试中好几个面试官都反馈我Mysql基础不行,今天来着重复习一下自己的弱点知识。在Mysql调优中索引优化又是非常重要的方法,不管公司的大小只要后端项目中用到...

MySQL索引解析(联合索引/最左前缀/覆盖索引/索引下推)

目录1.索引基础...

你会看 MySQL 的执行计划(EXPLAIN)吗?

SQL执行太慢怎么办?我们通常会使用EXPLAIN命令来查看SQL的执行计划,然后根据执行计划找出问题所在并进行优化。用法简介...

MySQL 从入门到精通(四)之索引结构

索引概述索引(index),是帮助MySQL高效获取数据的数据结构(有序),在数据之外,数据库系统还维护者满足特定查询算法的数据结构,这些数据结构以某种方式引用(指向)数据,这样就可以在这些数据结构...

mysql总结——面试中最常问到的知识点

mysql作为开源数据库中的榜一大哥,一直是面试官们考察的重中之重。今天,我们来总结一下mysql的知识点,供大家复习参照,看完这些知识点,再加上一些边角细节,基本上能够应付大多mysql相关面试了(...

mysql总结——面试中最常问到的知识点(2)

首先我们回顾一下上篇内容,主要复习了索引,事务,锁,以及SQL优化的工具。本篇文章接着写后面的内容。性能优化索引优化,SQL中索引的相关优化主要有以下几个方面:最好是全匹配。如果是联合索引的话,遵循最...

MySQL基础全知全解!超详细无废话!轻松上手~

本期内容提醒:全篇2300+字,篇幅较长,可搭配饭菜一同“食”用,全篇无废话(除了这句),干货满满,可收藏供后期反复观看。注:MySQL中语法不区分大小写,本篇中...

深入剖析 MySQL 中的锁机制原理_mysql 锁详解

在互联网软件开发领域,MySQL作为一款广泛应用的关系型数据库管理系统,其锁机制在保障数据一致性和实现并发控制方面扮演着举足轻重的角色。对于互联网软件开发人员而言,深入理解MySQL的锁机制原理...

Java 与 MySQL 性能优化:MySQL分区表设计与性能优化全解析

引言在数据库管理领域,随着数据量的不断增长,如何高效地管理和操作数据成为了一个关键问题。MySQL分区表作为一种有效的数据管理技术,能够将大型表划分为多个更小、更易管理的分区,从而提升数据库的性能和可...

MySQL基础篇:DQL数据查询操作_mysql 查

一、基础查询DQL基础查询语法SELECT字段列表FROM表名列表WHERE条件列表GROUPBY分组字段列表HAVING分组后条件列表ORDERBY排序字段列表LIMIT...

MySql:索引的基本使用_mysql索引的使用和原理

一、索引基础概念1.什么是索引?索引是数据库表的特殊数据结构(通常是B+树),用于...