TypeScript数组用法和操作 – TypeScript开发教程

上一章TypeScript教程请查看：TypeScript类型断言

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

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

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

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

数组特性

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

数组的优点

• 代码优化：数组有助于优化代码，从而提高程序的速度和性能。它允许我们更有效地检索或排序数组数据。
• 随机访问：它提供了在常数时间内访问数组的任何数据的能力(与它的位置和大小无关)。因此，我们可以直接获取位于任何索引位置的数组的任何数据。

数组的缺点

大小限制：数组只允许存储固定数量的元素。一旦声明了数组，我们就不能改变它的大小。因此，如果我们想插入比声明的更多的元素，这是不可能的。

数组声明

与JavaScript一样，TypeScript也支持数组。有两种方法来声明一个数组:

1. 使用方括号。

let array_name[:datatype] = [val1,val2,valn..]  

例子

let fruits: string[] = ['Apple', 'Orange', 'Banana'];  

2. 使用泛型数组类型。

let array_name: Array<elementType> = [val1,val2,valn..]  

例子

let fruits: Array<string> = ['Apple', 'Orange', 'Banana'];  

TypeScript中数组的类型

数组有两种类型:

• 一维数组
• 多维数组

一维数组

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

语法

let array_name[:datatype];   

初始化

array_name = [val1,val2,valn..]  

例子

array_name = [val1,val2,valn..]  

例子

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

多维数组

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

语法

let arr_name:datatype[][] = [ [a1,a2,a3], [b1,b2,b3] ];  

初始化

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]);  

数组对象

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

• 表示数组大小的数字值
• 逗号分隔值的列表。

语法

let arr_name:datatype[] = new Array(values);  

例子

//使用数组对象创建数组。  
let arr:string[] = new Array("srcmini","264","C++","Van");  
for(var i = 0;i<arr.length;i++) {   
   console.log(arr[i]);  
}  

使用for…in循环遍历数组

例子

let i:any;   
let arr:string[] = ["C++", "C", "Java", "Python"];  
for(i in arr) {   
   console.log(arr[i])   
}  

将数组传递给函数

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

例子

let arr:string[] = new Array("C++", "C", "Java", "Python");   
//在函数中传递数组  
function display(arr_values:string[]) {  
   for(let i = 0;i<arr_values.length;i++) {   
      console.log(arr[i]);  
   }    
}  
// 调用函数
display(arr);  

TypeScript扩展操作符

扩展操作符用于从另一个数组或对象初始化数组和对象，我们也可以将其用于对象反结构，它是es6版本的一部分。

例子

let arr1 = [ 1, 2, 3];  
let arr2 = [ 4, 5, 6];  
//从现有数组创建新数组
let copyArray = [...arr1];     
console.log("CopiedArray: " +copyArray);  
//从现有数组中创建包含更多元素的新数组 
let newArray = [...arr1, 7, 8];  
console.log("NewArray: " +newArray);  
//通过合并两个数组来创建数组 
let mergedArray = [...arr1, ...arr2];  
console.log("MergedArray: " +mergedArray);  

数组的方法

数组方法的列表及其描述如下。