TypeScript 數(shù)組

使用變量來存儲值會帶來以下限制：

• 變量本質(zhì)上是標(biāo)量。換言之，一個變量聲明變量聲明一次只能包含一個。這意味著在程序中存儲n個值需要n個變量聲明。因此，當(dāng)需要存儲更大的值集合時，使用變量是不可行的。

• 程序中的變量以隨機(jī)順序分配存儲器，從而使得難以按其聲明的順序檢索/讀取值。

TypeScript引入了數(shù)值的概念來解決這個問題。數(shù)組是值的同類集合。為了簡化，數(shù)組是相同數(shù)據(jù)類型的值的集合。它是一個用戶定義的類型。

數(shù)組的特點(diǎn)

以下是一個數(shù)組的特點(diǎn)列表：

• 數(shù)組聲明分配順序內(nèi)存塊。

• 數(shù)組是靜態(tài)的。這意味著，數(shù)組一旦被初始化就不能改變大小。

• 每個存儲塊表示一個數(shù)組元素。

• 數(shù)組元素是由稱為元素的下標(biāo)/索引的唯一整數(shù)標(biāo)識。

• 像變量一樣，數(shù)組也應(yīng)該在使用前聲明。使用var關(guān)鍵字來聲明一個數(shù)組。

• 數(shù)組初始化是指填充數(shù)組元素。

• 數(shù)組元素的值可以被更新或修改，但不能被刪除。

聲明和初始化數(shù)組

使用以下語法在Typescript中聲明一個初始化數(shù)組：

語法

var array_name[:datatype];        //declaration 
array_name = [val1,val2,valn..]   //initialization

沒有數(shù)據(jù)類型的數(shù)組聲明被認(rèn)為是any類型。在初始化期間，從數(shù)組的第一個元素的數(shù)據(jù)類型推論出這種數(shù)組的類型。

例如，像 var numlist:number[] = [2,4,6,8] 這樣的聲明將創(chuàng)建一個數(shù)組，如下所示：

數(shù)組指針默認(rèn)引用第一個元素。

可以在單個語句中聲明和初始化數(shù)組。相同的語法是：

var array_name[:data type] = [val1,val2…valn]

注 - 一對“[ ]”被稱為數(shù)組的維數(shù)。

訪問數(shù)組元素

下標(biāo)后面的數(shù)組名稱用來引用數(shù)組元素。它的語法如下：

array_name[subscript] = value

示例：簡單數(shù)組

var alphas:string[]; 
alphas = ["1","2","3","4"] 
console.log(alphas[0]); 
console.log(alphas[1]);

在編譯時，它會生成以下JavaScript代碼：

//Generated by typescript 1.8.10
var alphas;
alphas = ["1", "2", "3", "4"];
console.log(alphas[0]);
console.log(alphas[1]);

上面的代碼的輸出是如下：

1 
2 

示例：單個語句聲明和初始化

var nums:number[] = [1,2,3,3] 
console.log(nums[0]); 
console.log(nums[1]); 
console.log(nums[2]); 
console.log(nums[3]);

在編譯時，它會生成以下JavaScript代碼：

//Generated by typescript 1.8.10
var nums = [1, 2, 3, 3];
console.log(nums[0]);
console.log(nums[1]);
console.log(nums[2]);
console.log(nums[3]);

它的輸出如下：

1 
2 
3 
3 

Array對象

也可以使用Array對象創(chuàng)建數(shù)組?？梢詡鬟fArray構(gòu)造函數(shù)。

• 表示數(shù)組大小的數(shù)值

• 逗號分隔值列表。

下面的示例說明了如何使用此方法創(chuàng)建數(shù)組。

示例

var arr_names:number[] = new Array(4)  

for(var i = 0; i < arr_names.length; i++) { 
   arr_names[i] = i * 2 
   console.log(arr_names[i]) 
}

在編譯時，它會生成以下JavaScript代碼：

//Generated by typescript 1.8.10
var arr_names = new Array(4);

for (var i = 0; i < arr_names.length; i++) {
   arr_names[i] = i * 2;
   console.log(arr_names[i]);
}

它的輸出如下：

0 
2 
4 
6 

示例：Array構(gòu)造函數(shù)接受逗號分隔值

var names:string[] = new Array("Mary","Tom","Jack","Jill") 

for(var i = 0; i < names.length; i++) { 
   console.log(names[i]) 
}

在編譯時，它會生成以下JavaScript代碼：

//Generated by typescript 1.8.10
var names = new Array("Mary", "Tom", "Jack", "Jill");
for (var i = 0; i < names.length; i++) {
   console.log(names[i]);
}

它的輸出如下：

Mary 
Tom 
Jack 
Jill

Array方法

下面給出Array對象的方法及其描述的列表。

數(shù)組解構(gòu)

指分解實(shí)體的結(jié)構(gòu)。當(dāng)在數(shù)組的上下文中使用時，TypeScript支持解構(gòu)。

示例

var arr:number[] = [12,13] 
var[x,y] = arr 
console.log(x) 
console.log(y)

在編譯時，它會生成以下JavaScript代碼：

//Generated by typescript 1.8.10
var arr = [12, 13];
var x = arr[0], y = arr[1];
console.log(x);
console.log(y);

它的輸出如下：

12 
13

數(shù)組遍歷使用for ... in循環(huán)

可以使用for ... in循環(huán)遍歷數(shù)組。

var j:any; 
var nums:number[] = [1001,1002,1003,1004] 

for(j in nums) { 
   console.log(nums[j]) 
} 

循環(huán)執(zhí)行基于索引的數(shù)組遍歷。

在編譯時，它會生成以下JavaScript代碼。

//Generated by typescript 1.8.10
var j;
var nums = [1001, 1002, 1003, 1004];

for (j in nums) {
   console.log(nums[j]);
}

上面的代碼的輸出給出如下：

1001 
1002 
1003 
1004

TypeScript中的數(shù)組

TypeScript支持?jǐn)?shù)組中的以下概念：