1、TypeScript Array(數(shù)組)

數(shù)組對象是使用單獨的變量名來存儲一系列的值。

數(shù)組非常常用。

假如你有一組數(shù)據(jù)（例如：網(wǎng)站名字），存在單獨變量如下所示：

var site1="Google"; var site2="Runoob"; var site3="Taobao";復(fù)制

如果有 10 個、100 個這種方式就變的很不實用，這時我們可以使用數(shù)組來解決：

var sites:string[]; sites = ["Google","Runoob","Taobao"]復(fù)制

這樣看起來就簡潔多了。

TypeScript 聲明數(shù)組的語法格式如下所示：

var array_name[:datatype];        //聲明 
array_name = [val1,val2,valn..]   //初始化

或者直接在聲明時初始化：

var array_name[:datatype] = [val1,val2…valn]

如果數(shù)組聲明時未設(shè)置類型，則會被認為是 any 類型，在初始化時根據(jù)第一個元素的類型來推斷數(shù)組的類型。

實例

創(chuàng)建一個 number 類型的數(shù)組：

var numlist:number[] = [2,4,6,8]

整個數(shù)組結(jié)構(gòu)如下所示：

索引值第一個為 0，我們可以根據(jù)索引值來訪問數(shù)組元素：
[qr23.cn/AKFP8k]點擊學(xué)習(xí)更多

TypeScript

var sites:string[]; 
sites = ["Google","Runoob","Taobao"] 
console.log(sites[0]); 
console.log(sites[1]);復(fù)制

編譯以上代碼，得到以下 JavaScript 代碼：

JavaScript

sites = ["Google", "Runoob", "Taobao"];
console.log(sites[0]);
console.log(sites[1]);復(fù)制

輸出結(jié)果為：

Google
Runoob

以下實例我們在聲明時直接初始化：

TypeScript

鴻蒙NEXT開發(fā)文檔與視頻教學(xué)——mau123789是v直接領(lǐng)

var nums:number[] = [1,2,3,4] 
console.log(nums[0]); 
console.log(nums[1]); 
console.log(nums[2]); 
console.log(nums[3]);復(fù)制

編譯以上代碼，得到以下 JavaScript 代碼：

JavaScript

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

輸出結(jié)果為：

1 
2 
3 
4

2、Array 對象

我們也可以使用 Array 對象創(chuàng)建數(shù)組。

Array 對象的構(gòu)造函數(shù)接受以下兩種值：

• 表示數(shù)組大小的數(shù)值。
• 初始化的數(shù)組列表，元素使用逗號分隔值。

實例

指定數(shù)組初始化大小：

TypeScript

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 代碼：

JavaScript

ar 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

以下實例我們直接初始化數(shù)組元素：

TypeScript

var sites:string[] = new Array("Google","Runoob","Taobao","Facebook") 
 
for(var i = 0;i< sites.length;i++) { 
        console.log(sites[i]) 
}

編譯以上代碼，得到以下 JavaScript 代碼：

JavaScript

var sites = new Array("Google", "Runoob", "Taobao", "Facebook");
for (var i = 0; i < sites.length; i++) {
        console.log(sites[i]);
}

輸出結(jié)果為：

Google
Runoob
Taobao
Facebook

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

我們也可以把數(shù)組元素賦值給變量，如下所示：

TypeScript

var arr:number[] = [12,13] 
var[x,y] = arr // 將數(shù)組的兩個元素賦值給變量 x 和 y
console.log(x) 
console.log(y)

編譯以上代碼，得到以下 JavaScript 代碼：

JavaScript

var arr = [12, 13];
var x = arr[0], y = arr[1]; // 將數(shù)組的兩個元素賦值給變量 x 和 y
console.log(x);
console.log(y);

輸出結(jié)果為：

12
13

4、數(shù)組迭代

我們可以使用 for 語句來循環(huán)輸出數(shù)組的各個元素：

TypeScript

var j:any; 
var nums:number[] = [1001,1002,1003,1004] 
 
for(j in nums) { 
    console.log(nums[j]) 
}

編譯以上代碼，得到以下 JavaScript 代碼：

JavaScript

var j;
var nums = [1001, 1002, 1003, 1004];
for (j in nums) {
    console.log(nums[j]);
}

輸出結(jié)果為：

1001
1002
1003
1004

5、多維數(shù)組

一個數(shù)組的元素可以是另外一個數(shù)組，這樣就構(gòu)成了多維數(shù)組（Multi-dimensional Array）。

最簡單的多維數(shù)組是二維數(shù)組，定義方式如下：

var arr_name:datatype[][]=[ [val1,val2,val3],[v1,v2,v3] ]

實例

定義一個二維數(shù)組，每一個維度的數(shù)組有三個元素。

TypeScript

var multi:number[][] = [[1,2,3],[23,24,25]]  
console.log(multi[0][0]) 
console.log(multi[0][1]) 
console.log(multi[0][2]) 
console.log(multi[1][0]) 
console.log(multi[1][1]) 
console.log(multi[1][2])

編譯以上代碼，得到以下 JavaScript 代碼：

JavaScript

var multi = [[1, 2, 3], [23, 24, 25]];
console.log(multi[0][0]);
console.log(multi[0][1]);
console.log(multi[0][2]);
console.log(multi[1][0]);
console.log(multi[1][1]);
console.log(multi[1][2]);

輸出結(jié)果為：

1
2
3
23
24
25

6、數(shù)組在函數(shù)中的使用

作為參數(shù)傳遞給函數(shù)

TypeScript

var sites:string[] = new Array("Google","Runoob","Taobao","Facebook") 
 
function disp(arr_sites:string[]) {
        for(var i = 0;i< arr_sites.length;i++) { 
                console.log(arr_sites[i]) 
        }  
}  
disp(sites);

編譯以上代碼，得到以下 JavaScript 代碼：

JavaScript

var sites = new Array("Google", "Runoob", "Taobao", "Facebook");
function disp(arr_sites) {
        for (var i = 0; i < arr_sites.length; i++) {
                console.log(arr_sites[i]);
        }
}
disp(sites);

輸出結(jié)果為：

Google
Runoob
Taobao
Facebook

7、作為函數(shù)的返回值

TypeScript

function disp():string[] { 
        return new Array("Google", "Runoob", "Taobao", "Facebook");
} 
 
var sites:string[] = disp() 
for(var i in sites) { 
        console.log(sites[i]) 
}

編譯以上代碼，得到以下 JavaScript 代碼：

JavaScript

function disp() {
        return new Array("Google", "Runoob", "Taobao", "Facebook");
}
var sites = disp();
for (var i in sites) {
        console.log(sites[i]);
}

輸出結(jié)果為：

Google
Runoob
Taobao
Facebook

8、數(shù)組方法

下表列出了一些常用的數(shù)組方法：

審核編輯 黃宇