js中有几种循环方式？js中七种循环方式的介绍（附代码）-js教程-PHP中文网

js中有几种循环方式？js中七种循环方式的介绍（附代码）

不言

发布： 2018-08-22 17:37:18

原创

4790人浏览过

本篇文章给大家带来的内容是关于js中有几种循环方式？js中七种循环方式的介绍（附代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

JavaScript提供了许多通过LOOPS迭代的方法。本教程解释了现代JAVASCRIPT中各种各样的循环可能性

介绍

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。