TypeScript基本語法---06數組

數組解構

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

var arr: any[] = [12,'muzidigbig'];
var [x,y] = arr;  // 將數組的兩個元素賦值給變量 x 和 y
console.log(`${x}---${y}`);

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

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

多維數組

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

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

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

var multi: any[][] = [[1,'muzi'],[2,'digbig']];
console.log(`${multi[0][1]}---${multi[1][1]}`);

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

var multi = [[1, 'muzi'], [2, 'digbig']];
console.log(multi[0][1] + "---" + multi[1][1]);

數組方法

//filter();檢測數值元素，並返回符合條件所有元素的數組。
var arr2: number[] = [1,2,3,4];
var filterArr2 = arr2.filter(function(valve) {
    return valve >= 2;
});
console.log(filterArr2);//[ 2, 3, 4 ]

//forEach();數組每個元素都執行一次回調函數。
arr2.forEach(function(valve) {
    console.log(valve);
});

var arr3:number[] = [1,2,3,4,4];
//indexOf();搜索數組中的元素第一次出現的位置，並返回它所在的位置。
var index4 = arr3.indexOf(4);
console.log(index4); //3

//join();把數組的所有元素以字符隔開放入一個字符串，並返回一個字符串。
var arr4:any[] = ['mu','zi','dig','big',1122];
var str1:string = arr4.join('-');
console.log(str1); //mu-zi-dig-big-1122
//split();把字符串以字符隔開放入一個數組中，並返回一個數組。
var newArr4:any[] = str1.split('-');
console.log(newArr4); //[ 'mu', 'zi', 'dig', 'big', '1122' ]

//map();通過指定函數處理數組的每個元素，並返回處理後的數組。
var arr5:number[] = [1,2,3,4];
var mapArr5 = arr5.map(function(value) {
    return value + 2;
});
console.log(mapArr5); //[ 3, 4, 5, 6 ]

var arr6:any[] = ['mu','zi','dig','big',1122,2020];
//pop();刪除數組的最後一個元素並返回刪除的元素。會改變原數組的長度
var delLastVal = arr6.pop();
console.log(delLastVal); //2020
console.log(arr6); //[ 'mu', 'zi', 'dig', 'big', 1122 ]
//push();向數組的末尾添加一個或更多元素，並返回新的長度。
var arr6Length = arr6.push('0114');
console.log(arr6Length);//6
console.log(arr6);//[ 'mu', 'zi', 'dig', 'big', 1122, '0114' ]
//shift();刪除並返回數組的第一個元素。會改變原數組的長度
var delLastVal = arr6.shift();
console.log(delLastVal); //mu
console.log(arr6); //[ 'zi', 'dig', 'big', 1122, '0114' ]
//unshift();向數組的開頭添加一個或更多元素，並返回新的長度。

//slice(startIndex,endIndex可選);選取數組的的一部分，並返回一個新數組。
var sliceArr6 = arr6.slice(2);
console.log(sliceArr6);//[ 'big', 1122, '0114' ]

//splice(index,刪除的數量,添加的元素 可選);從數組中添加或刪除元素。返回值被刪除項目的新數組，如果有的話。
var spliceArr6 = arr6.splice(2,2);
console.log(spliceArr6); //[ 'big', 1122 ]