最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

TypeScript數(shù)組的定義與使用詳解

 更新時(shí)間:2022年09月16日 16:31:31   作者:我是X大魔王  
數(shù)組對(duì)象是使用單獨(dú)的變量名來(lái)存儲(chǔ)一系列的值,數(shù)組非常常用,數(shù)組是具有連續(xù)存儲(chǔ)位置的相似類型元素的同質(zhì)集合。數(shù)組是用戶定義的數(shù)據(jù)類型。數(shù)組是一種數(shù)據(jù)結(jié)構(gòu),我們?cè)谄渲写鎯?chǔ)相似數(shù)據(jù)類型的元素

基本定義

聲明數(shù)組時(shí)直接初始化

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

如果數(shù)組聲明時(shí)未設(shè)置類型,則會(huì)被認(rèn)為是 any 類型,在初始化時(shí)根據(jù)第一個(gè)元素的類型來(lái)推斷數(shù)組的類型。

訪問(wèn)數(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è)例子說(shuō)的挺好的,這里直接用了:

定義一個(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);

通過(guò)接口描述數(shù)組

// 通過(guò)接口描述數(shù)組
interface NumberArray{
    [index:number]:number;  //只要索引的類型是數(shù)字,那么值的類型也必須是數(shù)字,換成string也是一樣的
}
let arr:NumberArray = [1,2,3];
console.log(arr);

數(shù)組迭代

使用for…of來(lái)玩

// 數(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)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • JS實(shí)現(xiàn)勻速運(yùn)動(dòng)的代碼實(shí)例

    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ì)的簡(jiǎn)單實(shí)例

    JS實(shí)現(xiàn)點(diǎn)擊事件統(tǒng)計(jì)的簡(jiǎn)單實(shí)例

    下面小編就為大家?guī)?lái)一篇JS實(shí)現(xiàn)點(diǎn)擊事件統(tǒng)計(jì)的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2016-07-07
  • Javascript實(shí)現(xiàn)跨域后臺(tái)設(shè)置攔截的方法詳解

    Javascript實(shí)現(xiàn)跨域后臺(tái)設(shè)置攔截的方法詳解

    這篇文章主要給大家介紹了關(guān)于Javascript實(shí)現(xiàn)跨域后臺(tái)設(shè)置攔截的方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面跟著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。
    2017-08-08
  • js數(shù)字滑動(dòng)時(shí)鐘的簡(jiǎn)單實(shí)現(xiàn)(示例講解)

    js數(shù)字滑動(dòng)時(shí)鐘的簡(jiǎn)單實(shí)現(xiàn)(示例講解)

    下面小編就為大家?guī)?lái)一篇js數(shù)字滑動(dòng)時(shí)鐘的簡(jiǎn)單實(shí)現(xiàn)(示例講解)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2017-08-08
  • JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)視頻添加水印的示例代碼

    JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)視頻添加水印的示例代碼

    這篇文章主要介紹了通過(guò)js給網(wǎng)頁(yè)視頻添加水印,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2022-02-02
  • 小程序?qū)崿F(xiàn)手寫(xiě)簽名

    小程序?qū)崿F(xiàn)手寫(xiě)簽名

    這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)手寫(xiě)簽名,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-07-07
  • js實(shí)現(xiàn)模態(tài)框拖拽

    js實(shí)現(xiàn)模態(tài)框拖拽

    這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)模態(tài)框拖拽效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-07-07
  • 客戶端限制只能上傳jpg格式圖片的js代碼

    客戶端限制只能上傳jpg格式圖片的js代碼

    客戶端限制只能上傳jpg格式圖片的js代碼,對(duì)用戶體驗(yàn)較好,適合網(wǎng)頁(yè)中只能使用jpg格式圖片的情況。
    2010-12-12
  • js實(shí)現(xiàn)文字閃爍特效的方法

    js實(shí)現(xiàn)文字閃爍特效的方法

    這篇文章主要介紹了js實(shí)現(xiàn)文字閃爍特效的方法,使用style對(duì)象來(lái)設(shè)置css屬性,結(jié)合定時(shí)器就可以實(shí)現(xiàn)該功能,感興趣的小伙伴們可以參考一下
    2015-12-12
  • js模擬點(diǎn)擊事件實(shí)現(xiàn)代碼

    js模擬點(diǎn)擊事件實(shí)現(xiàn)代碼

    在實(shí)際的應(yīng)用開(kāi)發(fā)中,我們會(huì)常常用到JS的模事件,比如說(shuō)點(diǎn)擊事件,舉個(gè)簡(jiǎn)單的例子,點(diǎn)擊表單外的“提交”按鈕來(lái)提交表單。上代碼吧
    2012-11-11

最新評(píng)論

澄迈县| 潜江市| 南溪县| 襄汾县| 苏尼特左旗| 南丹县| 三穗县| 安宁市| 白玉县| 绥阳县| 仁怀市| 许昌县| 青田县| 科技| 和林格尔县| 嵊州市| 九台市| 昌平区| 阿合奇县| 阿图什市| 黄骅市| 岳普湖县| 彝良县| 邵武市| 通渭县| 万载县| 北辰区| 武冈市| 酉阳| 团风县| 保定市| 襄垣县| 永州市| 定西市| 丰县| 修文县| 奈曼旗| 文登市| 浪卡子县| 祁阳县| 澄江县|