您现在的位置是:php教程网 > 编程技术 >

[db:作者] 2019-09-10 00:29 PHP学习

javascript循环方式有几种?

JavaScript中的循环方式有for、forEach、do...while、while、for...in、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 = 0do {
  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 = 0while (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。

以上就是javascript循环方式有几种?的详细内容,更多请关注html中文网其它相关文章!

上一篇:上一篇:javascript正则表达式怎么用?

下一篇:下一篇:HTML中dt是什么?