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

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

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

数组对象是使用单独的变量名来存储一系列的值。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():向数组的开头添加一个或更多元素,并返回新的长度。

相关推荐

1.大白话 Spring_大白话对应的是什么话

此文是学习spring源码一些体会,记录下来,哪里有不对的地方,希望批评指正!1.Spring是什么Spring是一款开源的轻量级Java开发框架,旨在提高开发人员的开发效率以及系统的可维护性。...

MyBatis3.5.11-从入门到高阶_mybatis快速入门

一.课程介绍MyBatis概述...

Spring_spring festival

Spring初始化流程,容器初始化,主要流程在AbstractApplicationContext.refresh()1.容器预先准备-...

关于Spring的69个面试问答--终极列表

这篇文章总结了一些关于Spring框架的重要问题,这些问题都是你在面试或笔试过程中可能会被问到的。下次你再也不用担心你的面试了,JavaCodeGeeks这就帮你解答。大多数你可能被问到的问题都列...

49个Spring经典面试题总结(附带答案)

点关注,不迷路!课程资料,关注私信【555】获取,还可领取更多Java面试题资料一、一般问题1.不同版本的SpringFramework有哪些主要功能?2.什么是SpringFram...

MySQL 开发规范_mysql使用规范

一、数据库命名规范所有数据对象名称必须小写:db_user禁止使用MySQL保留关键字,若是则引用``...

Spring框架入门_spring框架入门案例

一.spring是什么?Spring是分层...

JDBC hibernate 和 ibatis 的区别

JDBC、Hibernate和MyBatis(前身是iBatis)都是Java中常见的数据库访问技术,它们各有优缺点,适用于不同的场景。下面是它们的一些区别:JDBC是Java连接...

万变不离其宗,spring常考知识点总结

万变不离其宗,只要理解透了spring常考知识点,那么面试时的问题就好回答了。1.什么是Spring?...

大促数据库压力激增,如何一眼定位 SQL 执行来源?

作者:京东科技王奕龙你是否曾经遇到过这样的情况:在大促活动期间,用户访问量骤增,数据库的压力陡然加大,导致响应变慢甚至服务中断?更让人头疼的是,当你试图快速定位问题所在时,却发现难以确定究竟是哪个业...

SSM三大框架整合详细教程_简单介绍一下ssm框架

SSM三大框架整合详细教程(SPRING+SPRINGMVC+MYBATIS)使用SSM(Spring、SpringMVC和Mybatis)已经有三个多月了,项目在技术上已经没有什么难...

MyBatis有哪些核心对象?_mybatis核心接口包括

Mybatis基本要素MyBatis有三个基本要素:...

ibatis 核心原理解析_ibs架构

最近查找一个生产问题的原因,需要深入研究ibatis框架的源码。虽然最后证明问题的原因与ibatis无关,但是这个过程加深了对ibatis框架原理的理解。这篇文章主要就来讲讲ibatis...

python常用得内置函数解析——list()函数

ython中最常用的内置函数之一list()。1.函数定义list()函数用于创建一个新的列表对象。...

面试干货——某度Python面试题,转发收藏

目录1、Python是如何进行内存管理的?2、什么是lambda函数?它有什么好处?...