成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

JavaScript的幾種循環(huán)方式

ztyzz / 998人閱讀

摘要：本教程解釋了現(xiàn)代中各種各樣的循環(huán)可能性目錄介紹提供了許多迭代循環(huán)的方法。引入了循環(huán)，它結(jié)合了的簡潔性和破解能力注意使用。此循環(huán)在每次迭代中創(chuàng)建一個新范圍，因此我們可以安全地使用它而不是。

JavaScript提供了許多通過LOOPS迭代的方法。本教程解釋了現(xiàn)代JAVASCRIPT中各種各樣的循環(huán)可能性

目錄：

for

forEach

do...while

while

for...in

for...of

for...in vs for...of

介紹

JavaScript提供了許多迭代循環(huán)的方法。本教程通過一個小例子和主要屬性解釋每一個。

for 
const 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中引入。給定一個數(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))
不過需要注意的是你無法擺脫這個循環(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)到下一個迭代：

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)到下一個迭代：

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)，它結(jié)合了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 迭代屬性名稱

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/52922.html

相關(guān)文章

  • JavaScript的幾種循環(huán)方式

    摘要：本教程解釋了現(xiàn)代中各種各樣的循環(huán)可能性目錄介紹提供了許多迭代循環(huán)的方法。引入了循環(huán)，它結(jié)合了的簡潔性和破解能力注意使用。此循環(huán)在每次迭代中創(chuàng)建一個新范圍，因此我們可以安全地使用它而不是。 JavaScript提供了許多通過LOOPS迭代的方法。本教程解釋了現(xiàn)代JAVASCRIPT中各種各樣的循環(huán)可能性 showImg(https://segmentfault.com/img/bVbfH...

    Allen 評論0 收藏0

  • JavaScript的幾種循環(huán)方式

    摘要：本教程解釋了現(xiàn)代中各種各樣的循環(huán)可能性目錄介紹提供了許多迭代循環(huán)的方法。引入了循環(huán)，它結(jié)合了的簡潔性和破解能力注意使用。此循環(huán)在每次迭代中創(chuàng)建一個新范圍，因此我們可以安全地使用它而不是。 JavaScript提供了許多通過LOOPS迭代的方法。本教程解釋了現(xiàn)代JAVASCRIPT中各種各樣的循環(huán)可能性 showImg(https://segmentfault.com/img/bVbfH...

    piapia 評論0 收藏0

  • javascript的幾種常見遍歷數(shù)據(jù)結(jié)構(gòu)的語法

    摘要：接觸這么多年，第一次總結(jié)一下它的遍歷語法。而且你必須借助特定的結(jié)構(gòu)才能遍歷數(shù)據(jù)結(jié)構(gòu)。它的作用是遍歷對象的鍵名。建議僅在遍歷數(shù)組的時候使用。另一個優(yōu)點是，它可以遍歷任何部署了接口的數(shù)據(jù)結(jié)構(gòu)，甚至是非的數(shù)據(jù)類型，即自己定義的數(shù)據(jù)結(jié)構(gòu)。 接觸JavaScript這么多年，第一次總結(jié)一下它的遍歷語法。以前我大部分時間都在老版本的JavaScript下寫代碼，所以大部分時間都是用for...in...

    kohoh_ 評論0 收藏0

  • JavaScript實現(xiàn)的幾種排序

    摘要：冒泡排序原理冒泡排序的過程就是將數(shù)組中相鄰的兩個元素進(jìn)行比較，如果前面的元素比后面的元素要大交換位置，否則位置不變舉個栗子有數(shù)組第一輪循環(huán)和比較，小于兩者位置不變，接下來和比較，大于，兩者交換位置，接著和比較，兩者交換位置，繼續(xù)和比較兩者交 1.冒泡排序 原理：冒泡排序的過程就是將數(shù)組中相鄰的兩個元素進(jìn)行比較，如果前面的元素比后面的元素要大交換位置，否則位置不變；舉個栗子：有數(shù)組 ar...

    piapia 評論0 收藏0

  • JS常用的幾種異步流程控制

    摘要：雖然這個模式運行效果很不錯，但是如果嵌套了太多的回調(diào)函數(shù)，就會陷入回調(diào)地獄。當(dāng)需要跟蹤多個回調(diào)函數(shù)的時候，回調(diào)函數(shù)的局限性就體現(xiàn)出來了，非常好的改進(jìn)了這些情況。 JavaScript引擎是基于單線程 (Single-threaded) 事件循環(huán)的概念構(gòu)建的，同一時刻只允許一個代碼塊在執(zhí)行，所以需要跟蹤即將運行的代碼，那些代碼被放在一個任務(wù)隊列 (job queue) 中，每當(dāng)一段代碼準(zhǔn)...

    Barry_Ng 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<