TypeScript遍歷Array的方法(for,forEach,every)
更新時間：2022年06月21日 15:57:08 作者：honey199396
本文主要介紹了TypeScript遍歷Array的方法(for,forEach,every)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
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 方法
這個方法要注意和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)格語法
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其實是JavaScript的循環(huán)語法，TypeScript作為JavaScript的語法超集，當(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)語法，TypeScript作為JavaScript的語法超集，當(dāng)然默認(rèn)也是支持的。因為forEach在iteration中是無法返回的，所以可以使用every和some來取代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)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要為大家極力推薦10個短小實用的JavaScript代碼段，幫助大家節(jié)省大量開發(fā)時間，感興趣的小伙伴們可以參考一下2016-08-08
JavaScript 實現(xiàn)一個響應(yīng)式系統(tǒng)的解決方案
這篇文章主要介紹了JavaScript 實現(xiàn)一個響應(yīng)式系統(tǒng)的解決方案,本次示例使用Proxy實現(xiàn)數(shù)據(jù)監(jiān)控,結(jié)合實例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2024-04-04
NCZ在他的同名博客《Feature detection is not browser detection》中，講述了一直以來前端開發(fā)中的一個熱門技術(shù)——檢測用戶的瀏覽器平臺，并詳細(xì)地敘說歷史發(fā)展以及各種辦法的優(yōu)缺點。2010-01-01
本文主要介紹了JS調(diào)用Android、Ios通信的相同點和不同點，以便幫助我們在進(jìn)行混合式開發(fā)時，提高代碼質(zhì)量，實現(xiàn)兩者在網(wǎng)頁端代碼的統(tǒng)一。下面跟著小編一起來看下吧2017-01-01
JS根據(jù)瀏覽器窗口大小實時動態(tài)改變網(wǎng)頁文字大小的方法
這篇文章主要介紹了JS根據(jù)瀏覽器窗口大小實時動態(tài)改變網(wǎng)頁文字大小的方法,涉及JavaScript針對頁面寬高的動態(tài)獲取與元素樣式動態(tài)運(yùn)算的相關(guān)技巧,需要的朋友可以參考下2016-02-02
Electron autoUpdater實現(xiàn)Windows安裝包自動更新的方法
這篇文章主要介紹了Electron autoUpdater實現(xiàn)Windows安裝包自動更新的方法,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-12-12
Elasticsearch實現(xiàn)復(fù)合查詢高亮結(jié)果功能
這篇文章主要介紹了Elasticsearch實現(xiàn)復(fù)合查詢,高亮結(jié)果功能，本文通過實例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下2019-09-09
這篇文章主要介紹了JavaScript模塊模式,結(jié)合實例形式詳細(xì)分析了js模塊模式的相關(guān)概念、功能、擴(kuò)展等操作技巧,需要的朋友可以參考下2017-10-10
一文詳解Javascript內(nèi)存機(jī)制與垃圾回收
這篇文章主要給大家詳細(xì)介紹了Javascript的內(nèi)存機(jī)制與垃圾回收，文中又詳細(xì)的代碼示例，對我們學(xué)習(xí)Javascript有一定的幫助，需要的同學(xué)可以借鑒閱讀2023-06-06
JavaScript 文件加載與阻塞問題之性能優(yōu)化案例詳解
這篇文章主要介紹了JavaScript 文件加載與阻塞問題之性能優(yōu)化案例詳解,本篇文章通過簡要的案例,講解了該項技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-09-09