TypeScript數組如何定義與使用

這篇文章主要介紹了TypeScript數組如何定義與使用的相關知識，內容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇TypeScript數組如何定義與使用文章都會有所收獲，下面我們一起來看看吧。

基本定義

聲明數組時直接初始化

// 基本定義
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數組如何定義與使用”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注億速云行業資訊頻道。