TypeScript遍歷Array的方法(for,forEach,every)
Typescript的官方文檔 Iterators and Geneators
一、for..of 方法
這是最常用的方法,遍歷的值是數(shù)組中的value值
let someArray = [1, "string", false]; for (let entry of someArray) { ? ? console.log(entry); // 1, "string", false }
二、for..in 方法
這個(gè)方法要注意和for..of的區(qū)別,for..in遍歷的值是數(shù)組的索引
let list = [4, 5, 6]; for (let i in list) { ? ?console.log(i); // "0", "1", "2", } for (let i of list) { ? ?console.log(i); // "4", "5", "6" }
三、for循環(huán)
for循環(huán)是標(biāo)準(zhǔn)的C風(fēng)格語(yǔ)法
var numbers = [1, 2, 3]; for (var _i = 0; _i < numbers.length; _i++) { var num = numbers[_i]; console.log(num); // "1", "2", "3" }
四、forEach
forEach其實(shí)是JavaScript的循環(huán)語(yǔ)法,TypeScript作為JavaScript的語(yǔ)法超集,當(dāng)然默認(rèn)也是支持的。
let list = [4, 5, 6]; list.forEach((val, idx, array) => { // val: 當(dāng)前值 // idx:當(dāng)前index // array: Array });
五、every和some
every和some也都是JavaScript的循環(huán)語(yǔ)法,TypeScript作為JavaScript的語(yǔ)法超集,當(dāng)然默認(rèn)也是支持的。因?yàn)閒orEach在iteration中是無(wú)法返回的,所以可以使用every和some來(lái)取代forEach。
let list = [4, 5, 6]; list.every((val, idx, array) => { // val: 當(dāng)前值 // idx:當(dāng)前index // array: Array return true; // Continues // Return false will quit the iteration });
到此這篇關(guān)于TypeScript遍歷Array的方法(for,forEach,every)的文章就介紹到這了,更多相關(guān)TypeScript遍歷Array內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
javascript函數(shù)中參數(shù)傳遞問(wèn)題示例探討
本節(jié)主要與大家探討下javascript函數(shù)中參數(shù)傳遞問(wèn)題,有不明白的朋友可以參考下2014-07-07Knockout結(jié)合Bootstrap創(chuàng)建動(dòng)態(tài)UI實(shí)現(xiàn)產(chǎn)品列表管理
這篇文章主要為大家詳細(xì)介紹了Knockout結(jié)合Bootstrap創(chuàng)建動(dòng)態(tài)UI實(shí)現(xiàn)產(chǎn)品列表管理,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-09-09js中substr,substring,indexOf,lastIndexOf,split,replace的用法詳解
這篇文章主要介紹了js中substr,substring,indexOf,lastIndexOf,split,replace的用法詳解的相關(guān)資料,需要的朋友可以參考下2015-11-11微信小程序開(kāi)發(fā)之實(shí)現(xiàn)別踩白塊游戲
這篇文章主要為大家詳細(xì)介紹了如何通過(guò)微信小程序開(kāi)發(fā)一個(gè)簡(jiǎn)單的別踩白塊游戲,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以和小編一起學(xué)習(xí)一下2023-02-02JavaScript實(shí)現(xiàn)前端分頁(yè)控件
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)前端分頁(yè)控件的相關(guān)代碼,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-04-04js報(bào)$ is not a function 的問(wèn)題的解決方法
在html中的程序,跑的好好的,換成jsp在項(xiàng)目中跑,就一直報(bào)$ is not a function錯(cuò),針對(duì)此問(wèn)題,下面有個(gè)不錯(cuò)的解決方法,大家可以嘗試操作下2014-01-01