TypeScript陣列的定義與使用詳解

2022-09-16 22:01:27

基本定義

宣告陣列時直接初始化

// 基本定義
let arr:number[] = [1,2,3];
let arrS: string[] = ["1","2"]

如果陣列宣告時未設定型別，則會被認為是 any 型別，在初始化時根據第一個元素的型別來推斷陣列的型別。

存取陣列

Array物件

我們也可以使用 Array 物件建立陣列。

Array 物件的建構函式接受以下兩種值：

表示陣列大小的數值。
初始化的陣列列表，元素使用逗號分隔值。

宣告陣列時指定陣列大小

var arr:number[] = new Array(10);  
for(var i = 0; i<arr.length; i++) { 
    arr[i] = i * 2 
    console.log(arr[i]) 
}

兩種定義方式

let arr1:Array<number> = [1,2,3,4,5]
let arr2:number[] = new Array(1,2,3);
console.log("arr1===="+arr1);
console.log("arr2===="+arr2);

宣告多維陣列(含泛型)

有一個例子說的挺好的，這裡直接用了：

定義一個多維陣列：

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

普通版

var arr:number[][] = [[1,2,3],[4,5,6]]  
console.log(arr[0][0]) 
console.log(arr[0][1]) 
console.log(arr[0][2]) 
console.log(arr[1][0]) 
console.log(arr[1][1]) 
console.log(arr[1][2])

泛型版

// 宣告多維陣列
let arr:number[][] = [[1,2,3], [4,5,6]];
// 泛型形式宣告多維陣列(聯合型別)
let arr1:Array<Array<number | string>> = [[1,2,3,"123"],[4,5,6,"789"],[]];
console.log(arr)
console.log(arr1)

類陣列

// 類陣列
function Arr(... args:any):void{
    console.log(arguments) //類陣列,arguments是引數
    let arr:IArguments = arguments  //用IArguments去接收
}
Arr(1,2,3)  //[Arguments] { '0': 1, '1': 2, '2': 3 }

陣列解構

// 陣列解構
var arr = [12, 13];
var x = arr[0], y = arr[1]; // 將陣列的兩個元素賦值給變數 x 和 y
console.log(x);
console.log(y);

通過介面描述陣列

// 通過介面描述陣列
interface NumberArray{
    [index:number]:number;  //只要索引的型別是數位，那麼值的型別也必須是數位,換成string也是一樣的
}
let arr:NumberArray = [1,2,3];
console.log(arr);

陣列迭代

使用for…of來玩

// 陣列迭代
var j:any; 
var nums:number[] = [1,2,3,4] 
for(j in nums) { 
    console.log(nums[j]) 
}

到此這篇關於TypeScript陣列的定義與使用詳解的文章就介紹到這了,更多相關TypeScript陣列內容請搜尋it145.com以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援it145.com！