TypeScript 数组

17 Mar 2025 | 5 分钟阅读

数组是具有连续内存位置的相似类型元素的同质集合。

数组是一种用户定义的数据类型。

数组是一种数据结构，我们可以在其中存储相似数据类型的元素。在数组中，我们只能存储一组固定的元素。我们也可以将其用作对象。

数组是基于索引的存储，第一个元素存储在索引 0 处。以下结构有助于理解数组的结构。

数组的特征

数组存储具有相同数据类型的元素。
数组元素存储在连续的内存位置。
二维数组元素的存储是逐行存储在连续的内存位置中。
数组名表示起始元素的地址。
数组的大小应在声明时初始化。
数组大小应为常量表达式，而不是变量。
我们可以通过指定元素的对应索引值来检索数组元素。

优点

代码优化： 数组有助于优化代码，从而提高程序的运行速度和性能。它使我们能够更有效地检索或排序数组数据。

随机访问：它提供了以恒定时间（与数组的位置和大小无关）访问数组的任何数据的能力。因此，我们可以直接获取位于任何索引位置的数组的任何数据。

缺点

大小限制：数组允许我们仅存储固定数量的元素。声明数组后，我们无法更改其大小。因此，如果我们要插入比声明更多的元素，则无法实现。

数组声明

就像 JavaScript 一样，TypeScript 也支持数组。有两种声明数组的方法

1. 使用方括号。

示例

2. 使用泛型数组类型。

示例

TypeScript 中的数组类型

有两种类型的数组

一维数组
多维数组

一维数组

一维数组是一种线性数组，它仅包含用于存储数据的一行。它只有一组方括号 ("[]")。我们可以使用行索引或列索引访问其元素。

语法

初始化

示例

let arr:number[]; 
arr = [1, 2, 3, 4] 
console.log("Array[0]: " +arr[0]); 
console.log("Array[1]: " +arr[1]);

输出

Array[0]: 1
Array[1]: 2

多维数组

多维数组是包含一个或多个数组的数组。在多维数组中，数据存储在基于行和列的索引中（也称为矩阵形式）。二维数组（2-D 数组）是多维数组的最简单形式。

语法

初始化

let arr_name:datatype[initial_array_index][referenced_array_index] = [ [val1,val2,val 3], [v1,v2,v3]];

示例

var mArray:number[][] = [[1,2,3],[5,6,7]] ;
console.log(mArray[0][0]);
console.log(mArray[0][1]);
console.log(mArray[0][2]);
console.log();
console.log(mArray[1][0]);
console.log(mArray[1][1]);
console.log(mArray[1][2]);

输出

数组对象

数组对象允许我们将多个值存储在单个变量中。我们可以使用 Array 对象创建一个数组。 Array 构造函数用于传递以下参数以创建数组。

一个数值，表示数组的大小，或者
一个用逗号分隔的值列表。

语法

示例

//array by using the Array object.
let arr:string[] = new Array("JavaTpoint","2200","Java","Abhishek");
for(var i = 0;i<arr.length;i++) { 
   console.log(arr[i]);
}

输出

JavaTpoint
2200
Java
Abhishek

使用 for...in 循环遍历数组

示例

let i:any; 
let arr:string[] = ["JavaTpoint", "2300", "Java", "Abhishek"];
for(i in arr) { 
   console.log(arr[i]) 
}

输出

JavaTpoint
2300
Java
Abhishek

将数组传递给函数

我们可以通过指定数组名称而不指定索引来将数组传递给函数。

示例

let arr:string[] = new Array("JavaTpoint", "2300", "Java", "Abhishek"); 
//Passing arrays in function
function display(arr_values:string[]) {
   for(let i = 0;i<arr_values.length;i++) { 
      console.log(arr[i]);
   }  
}
//Calling arrays in function
display(arr);

输出

JavaTpoint
2300
Java
Abhishek

TypeScript 扩展运算符

扩展运算符用于从另一个数组或对象初始化数组和对象。我们也可以将其用于对象解构。它是 ES 6 版本的一部分。

示例

let arr1 = [ 1, 2, 3];
let arr2 = [ 4, 5, 6];
//Create new array from existing array
let copyArray = [...arr1];   
console.log("CopiedArray: " +copyArray);
//Create new array from existing array with more elements
let newArray = [...arr1, 7, 8];
console.log("NewArray: " +newArray);
//Create array by merging two arrays
let mergedArray = [...arr1, ...arr2];
console.log("MergedArray: " +mergedArray);

输出

CopiedArray: 1,2,3
NewArray: 1,2,3,7,8
MergedArray: 1,2,3,4,5,6

数组方法

下面给出了数组方法及其描述的列表。

序号	方法	描述
1.	concat()	用于连接两个数组并返回组合结果。
2.	copyWithin()	它在一个数组中复制一系列元素。
3.	every()	如果数组中的每个元素都满足提供的测试函数，则返回 true。
4.	fill()	它使用指定的开始到结束索引的静态值填充数组。
5.	indexOf()	它返回数组中匹配元素的索引，否则返回 -1。
6.	includes()	用于检查数组是否包含某个元素。
7.	Join()	用于将数组的所有元素连接成一个字符串。
8.	lastIndexOf()	它返回数组中元素的最后一个索引。
9.	Pop()	用于删除数组的最后一个元素。
10.	Push()	用于向数组添加新元素。
11.	reverse()	用于反转数组中元素的顺序。
12.	Shift()	用于删除并返回数组的第一个元素。
13.	slice()	它返回新数组的数组部分。
14.	sort()	用于对数组的元素进行排序。
15.	splice()	用于从数组中添加或删除元素。
16.	toString()	返回数组的字符串表示形式。
17.	unshift()	用于将一个或多个元素添加到数组的开头。

下一个主题TypeScript 元组

TypeScript 数组

数组的特征

优点

缺点

数组声明

TypeScript 中的数组类型

一维数组

多维数组

数组对象

使用 for...in 循环遍历数组

将数组传递给函数

TypeScript 扩展运算符

数组方法

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

TypeScript 教程

差异

面试题

TypeScript 数组

数组的特征

优点

缺点

数组声明

TypeScript 中的数组类型

一维数组

多维数组

数组对象

使用 for...in 循环遍历数组

将数组传递给函数

TypeScript 扩展运算符

数组方法

相关帖子

Typescript 枚举

TypeScript 决策制定

TypeScript 类型

类型注释

TypeScript 第一个程序

Typescript 命名空间

Null vs undefined

TypeScript 运算符

TypeScript 教程

TypeScript 变量

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器