摘要:本教程解釋了現(xiàn)代中各種各樣的循環(huán)可能性目錄介紹提供了許多迭代循環(huán)的方法。引入了循環(huán),它結(jié)合了的簡(jiǎn)潔性和破解能力注意使用。此循環(huán)在每次迭代中創(chuàng)建一個(gè)新范圍,因此我們可以安全地使用它而不是。
JavaScript提供了許多通過(guò)LOOPS迭代的方法。本教程解釋了現(xiàn)代JAVASCRIPT中各種各樣的循環(huán)可能性
目錄:for
forEach
do...while
while
for...in
for...of
for...in vs for...of
介紹JavaScript提供了許多迭代循環(huán)的方法。本教程通過(guò)一個(gè)小例子和主要屬性解釋每一個(gè)。
forconst list = ["a", "b", "c"] for (let i = 0; i < list.length; i++) { console.log(list[i]) //value console.log(i) //index }
您可以使用break中斷for循環(huán)
您可以使用continue繼續(xù)for循環(huán)的下一次迭代
forEach在ES5中引入。給定一個(gè)數(shù)組,您可以使用list.forEach()迭代其屬性:
const list = ["a", "b", "c"] list.forEach((item, index) => { console.log(item) //value console.log(index) //index }) //index is optional list.forEach(item => console.log(item))
不過(guò)需要注意的是你無(wú)法擺脫這個(gè)循環(huán)。do...while
const list = ["a", "b", "c"] let i = 0 do { console.log(list[i]) //value console.log(i) //index i = i + 1 } while (i < list.length)
您可以使用break中斷while循環(huán):
do { if (something) break } while (true)
你可以使用continue跳轉(zhuǎn)到下一個(gè)迭代:
do { if (something) continue //do something else } while (true)while
const list = ["a", "b", "c"] let i = 0 while (i < list.length) { console.log(list[i]) //value console.log(i) //index i = i + 1 }
您可以使用break中斷while循環(huán):
while (true) { if (something) break }
你可以使用continue跳轉(zhuǎn)到下一個(gè)迭代:
while (true) { if (something) continue //do something else }
與do...while的區(qū)別在于do...while總是至少執(zhí)行一次循環(huán)。
for...in迭代對(duì)象的所有可枚舉屬性,給出屬性名稱。
for (let property in object) { console.log(property) //property name console.log(object[property]) //property value }for...of
ES2015引入了for循環(huán),它結(jié)合了forEach的簡(jiǎn)潔性和破解能力:
//iterate over the value for (const value of ["a", "b", "c"]) { console.log(value) //value } //get the index as well, using `entries()` for (const [index, value] of ["a", "b", "c"].entries()) { console.log(index) //index console.log(value) //value }
注意使用const。此循環(huán)在每次迭代中創(chuàng)建一個(gè)新范圍,因此我們可以安全地使用它而不是let。
for...in VS FOR...OF與for...in的區(qū)別在于:
for...of 迭代屬性值
for...in 迭代屬性名稱
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.specialneedsforspecialkids.com/yun/108472.html
摘要:本教程解釋了現(xiàn)代中各種各樣的循環(huán)可能性目錄介紹提供了許多迭代循環(huán)的方法。引入了循環(huán),它結(jié)合了的簡(jiǎn)潔性和破解能力注意使用。此循環(huán)在每次迭代中創(chuàng)建一個(gè)新范圍,因此我們可以安全地使用它而不是。 JavaScript提供了許多通過(guò)LOOPS迭代的方法。本教程解釋了現(xiàn)代JAVASCRIPT中各種各樣的循環(huán)可能性 showImg(https://segmentfault.com/img/bVbfH...
摘要:本教程解釋了現(xiàn)代中各種各樣的循環(huán)可能性目錄介紹提供了許多迭代循環(huán)的方法。引入了循環(huán),它結(jié)合了的簡(jiǎn)潔性和破解能力注意使用。此循環(huán)在每次迭代中創(chuàng)建一個(gè)新范圍,因此我們可以安全地使用它而不是。 JavaScript提供了許多通過(guò)LOOPS迭代的方法。本教程解釋了現(xiàn)代JAVASCRIPT中各種各樣的循環(huán)可能性 showImg(https://segmentfault.com/img/bVbfH...
摘要:接觸這么多年,第一次總結(jié)一下它的遍歷語(yǔ)法。而且你必須借助特定的結(jié)構(gòu)才能遍歷數(shù)據(jù)結(jié)構(gòu)。它的作用是遍歷對(duì)象的鍵名。建議僅在遍歷數(shù)組的時(shí)候使用。另一個(gè)優(yōu)點(diǎn)是,它可以遍歷任何部署了接口的數(shù)據(jù)結(jié)構(gòu),甚至是非的數(shù)據(jù)類型,即自己定義的數(shù)據(jù)結(jié)構(gòu)。 接觸JavaScript這么多年,第一次總結(jié)一下它的遍歷語(yǔ)法。以前我大部分時(shí)間都在老版本的JavaScript下寫(xiě)代碼,所以大部分時(shí)間都是用for...in...
摘要:冒泡排序原理冒泡排序的過(guò)程就是將數(shù)組中相鄰的兩個(gè)元素進(jìn)行比較,如果前面的元素比后面的元素要大交換位置,否則位置不變舉個(gè)栗子有數(shù)組第一輪循環(huán)和比較,小于兩者位置不變,接下來(lái)和比較,大于,兩者交換位置,接著和比較,兩者交換位置,繼續(xù)和比較兩者交 1.冒泡排序 原理:冒泡排序的過(guò)程就是將數(shù)組中相鄰的兩個(gè)元素進(jìn)行比較,如果前面的元素比后面的元素要大交換位置,否則位置不變;舉個(gè)栗子:有數(shù)組 ar...
摘要:雖然這個(gè)模式運(yùn)行效果很不錯(cuò),但是如果嵌套了太多的回調(diào)函數(shù),就會(huì)陷入回調(diào)地獄。當(dāng)需要跟蹤多個(gè)回調(diào)函數(shù)的時(shí)候,回調(diào)函數(shù)的局限性就體現(xiàn)出來(lái)了,非常好的改進(jìn)了這些情況。 JavaScript引擎是基于單線程 (Single-threaded) 事件循環(huán)的概念構(gòu)建的,同一時(shí)刻只允許一個(gè)代碼塊在執(zhí)行,所以需要跟蹤即將運(yùn)行的代碼,那些代碼被放在一個(gè)任務(wù)隊(duì)列 (job queue) 中,每當(dāng)一段代碼準(zhǔn)...
閱讀 2978·2023-04-26 02:04
閱讀 1286·2021-11-04 16:07
閱讀 3712·2021-09-22 15:09
閱讀 684·2019-08-30 15:54
閱讀 1906·2019-08-29 14:11
閱讀 2534·2019-08-26 12:19
閱讀 2261·2019-08-26 12:00
閱讀 763·2019-08-26 10:27