TypeScript數(shù)組的定義與使用詳解
基本定義
聲明數(shù)組時(shí)直接初始化
// 基本定義 let arr:number[] = [1,2,3]; let arrS: string[] = ["1","2"]
如果數(shù)組聲明時(shí)未設(shè)置類型,則會(huì)被認(rèn)為是 any 類型,在初始化時(shí)根據(jù)第一個(gè)元素的類型來推斷數(shù)組的類型。
訪問數(shù)組

Array對(duì)象
我們也可以使用 Array 對(duì)象創(chuàng)建數(shù)組。
Array 對(duì)象的構(gòu)造函數(shù)接受以下兩種值:
- 表示數(shù)組大小的數(shù)值。
- 初始化的數(shù)組列表,元素使用逗號(hào)分隔值。
聲明數(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ù)組(含泛型)
有一個(gè)例子說的挺好的,這里直接用了:
定義一個(gè)多維數(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ù)組的兩個(gè)元素賦值給變量 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)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
- TypeScript 數(shù)組Array操作的常用方法
- typeScript中數(shù)組類型定義及應(yīng)用詳解
- TypeScript編寫自動(dòng)創(chuàng)建長度固定數(shù)組的類型工具詳解
- TypeScript實(shí)現(xiàn)數(shù)組和樹的相互轉(zhuǎn)換
- TypeScript調(diào)整數(shù)組元素順序算法
- TypeScript中Array(數(shù)組)聲明與簡單使用方法
- TypeScript之元組、數(shù)組及as?const的使用
- TypeScript判斷兩個(gè)數(shù)組的內(nèi)容是否相等的實(shí)現(xiàn)
- TypeScript數(shù)組實(shí)現(xiàn)棧與對(duì)象實(shí)現(xiàn)棧的區(qū)別詳解
- TypeScript之元組、數(shù)組、多維數(shù)組定義方法以及 as const說明
相關(guān)文章
JS實(shí)現(xiàn)勻速運(yùn)動(dòng)的代碼實(shí)例
這篇文章主要介紹了JS實(shí)現(xiàn)勻速運(yùn)動(dòng)的代碼實(shí)例,有需要的朋友可以參考一下2013-11-11
JS實(shí)現(xiàn)點(diǎn)擊事件統(tǒng)計(jì)的簡單實(shí)例
下面小編就為大家?guī)硪黄狫S實(shí)現(xiàn)點(diǎn)擊事件統(tǒng)計(jì)的簡單實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-07-07
Javascript實(shí)現(xiàn)跨域后臺(tái)設(shè)置攔截的方法詳解
這篇文章主要給大家介紹了關(guān)于Javascript實(shí)現(xiàn)跨域后臺(tái)設(shè)置攔截的方法,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面跟著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-08-08
js數(shù)字滑動(dòng)時(shí)鐘的簡單實(shí)現(xiàn)(示例講解)
下面小編就為大家?guī)硪黄猨s數(shù)字滑動(dòng)時(shí)鐘的簡單實(shí)現(xiàn)(示例講解)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-08-08
JavaScript實(shí)現(xiàn)網(wǎng)頁視頻添加水印的示例代碼
這篇文章主要介紹了通過js給網(wǎng)頁視頻添加水印,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2022-02-02

