TypeScript數(shù)組的定義與使用詳解
基本定義
聲明數(shù)組時直接初始化
// 基本定義 let arr:number[] = [1,2,3]; let arrS: string[] = ["1","2"]
如果數(shù)組聲明時未設(shè)置類型,則會被認(rèn)為是 any 類型,在初始化時根據(jù)第一個元素的類型來推斷數(shù)組的類型。
訪問數(shù)組
Array對象
我們也可以使用 Array 對象創(chuàng)建數(shù)組。
Array 對象的構(gòu)造函數(shù)接受以下兩種值:
- 表示數(shù)組大小的數(shù)值。
- 初始化的數(shù)組列表,元素使用逗號分隔值。
聲明數(shù)組時指定數(shù)組大小
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);
聲明多維數(shù)組(含泛型)
有一個例子說的挺好的,這里直接用了:
定義一個多維數(shù)組:
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])
泛型版
// 聲明多維數(shù)組 let arr:number[][] = [[1,2,3], [4,5,6]]; // 泛型形式聲明多維數(shù)組(聯(lián)合類型) let arr1:Array<Array<number | string>> = [[1,2,3,"123"],[4,5,6,"789"],[]]; console.log(arr) console.log(arr1)
類數(shù)組
// 類數(shù)組 function Arr(... args:any):void{ console.log(arguments) //類數(shù)組,arguments是參數(shù) let arr:IArguments = arguments //用IArguments去接收 } Arr(1,2,3) //[Arguments] { '0': 1, '1': 2, '2': 3 }
數(shù)組解構(gòu)
// 數(shù)組解構(gòu) var arr = [12, 13]; var x = arr[0], y = arr[1]; // 將數(shù)組的兩個元素賦值給變量 x 和 y console.log(x); console.log(y);
通過接口描述數(shù)組
// 通過接口描述數(shù)組 interface NumberArray{ [index:number]:number; //只要索引的類型是數(shù)字,那么值的類型也必須是數(shù)字,換成string也是一樣的 } let arr:NumberArray = [1,2,3]; console.log(arr);
數(shù)組迭代
使用for…of來玩
// 數(shù)組迭代 var j:any; var nums:number[] = [1,2,3,4] for(j in nums) { console.log(nums[j]) }
到此這篇關(guān)于TypeScript數(shù)組的定義與使用詳解的文章就介紹到這了,更多相關(guān)TypeScript數(shù)組內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
- TypeScript 數(shù)組Array操作的常用方法
- typeScript中數(shù)組類型定義及應(yīng)用詳解
- TypeScript編寫自動創(chuàng)建長度固定數(shù)組的類型工具詳解
- TypeScript實(shí)現(xiàn)數(shù)組和樹的相互轉(zhuǎn)換
- TypeScript調(diào)整數(shù)組元素順序算法
- TypeScript中Array(數(shù)組)聲明與簡單使用方法
- TypeScript之元組、數(shù)組及as?const的使用
- TypeScript判斷兩個數(shù)組的內(nèi)容是否相等的實(shí)現(xiàn)
- TypeScript數(shù)組實(shí)現(xiàn)棧與對象實(shí)現(xiàn)棧的區(qū)別詳解
- TypeScript之元組、數(shù)組、多維數(shù)組定義方法以及 as const說明
相關(guān)文章
延時重復(fù)執(zhí)行函數(shù) lLoopRun.js
延時重復(fù)執(zhí)行函數(shù) lLoopRun.js...2007-05-05基于slideout.js實(shí)現(xiàn)移動端側(cè)邊欄滑動特效
這篇文章主要為大家詳細(xì)介紹了基于slideout.js實(shí)現(xiàn)移動端側(cè)邊欄滑動特效,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-11-11使用js檢測瀏覽器是否支持html5中的video標(biāo)簽的方法
這篇文章主要介紹了使用js檢測瀏覽器是否支持html5中的video標(biāo)簽的方法,需要的朋友可以參考下2014-03-03js之input[type=file]選擇重復(fù)的文件,無法觸發(fā)change事件問題
這篇文章主要介紹了js之input[type=file]選擇重復(fù)的文件,無法觸發(fā)change事件問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2023-05-05js核心基礎(chǔ)之構(gòu)造函數(shù)constructor用法實(shí)例分析
這篇文章主要介紹了js核心基礎(chǔ)之構(gòu)造函數(shù)constructor用法,結(jié)合具體實(shí)例形式分析了javascript構(gòu)造函數(shù)constructor概念、原理、使用方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-05-05