JavaScript的幾種循環方式

piapia 發布于2019-08-26 12:19 / 2524人閱讀

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

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

目錄：

for

forEach

do...while

while

for...in

for...of

for...in vs for...of

介紹

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

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循環

您可以使用continue繼續for循環的下一次迭代

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))

不過需要注意的是你無法擺脫這個循環。

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循環：

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循環：

while (true) {
  if (something) break
}

你可以使用continue跳轉到下一個迭代：

while (true) {
  if (something) continue

  //do something else
}

與do...while的區別在于do...while總是至少執行一次循環。

for...in

迭代對象的所有可枚舉屬性，給出屬性名稱。

for (let property in object) {
  console.log(property) //property name
  console.log(object[property]) //property value
}

for...of

ES2015引入了for循環，它結合了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。此循環在每次迭代中創建一個新范圍，因此我們可以安全地使用它而不是let。

for...in VS FOR...OF

與for...in的區別在于：

for...of 迭代屬性值

for...in 迭代屬性名稱

GPU云服務器云服務器 js繼承的幾種方式服務器請求的幾種方式 java創建對象的幾種方式最基本的幾種

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/108472.html

JavaScript的幾種循環方式

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

Allen 2019-08-29 16:28 評論0 收藏0
JavaScript的幾種循環方式

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

ztyzz 2019-08-02 11:20 評論0 收藏0
javascript的幾種常見遍歷數據結構的語法

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

kohoh_ 2019-08-22 10:41 評論0 收藏0
JavaScript實現的幾種排序

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

piapia 2019-08-22 18:20 評論0 收藏0
JS常用的幾種異步流程控制

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

Barry_Ng 2019-08-23 15:29 評論0 收藏0