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