JavaScript循环怎么写

这篇文章主要介绍了JavaScript循环怎么写，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

JavaScript循环的写法有：1、“for (let index = 0; index < len; index++) {...}”方式；2、“myArray.forEach(function(index){...}”方式等等。

javascript之for循环的几种写法

背景

javascript中的for循环选择多种多样，可你知道其中的差别在哪里吗？什么时候又该用哪种循环才是最佳策略？以上这些是本文想讨论的，欢迎交流。

说明

1、20年前的for循环

//20年前的写法
let len = myArray.Length
for (let index = 0; index < len; index++) {
  console.log(myArray[index])
}

中规中矩。

2、forEach

//ES5的写法
myArray.forEach(function(index){
    //操作你的index，index即为数组中的元素
})

缺点，没有返回值。

3、for...in

//ES5的写法，劝你慎重
for (let index in myArray) { 
  // 千万别这样做
  console.log(myArray[index]);
}

最糟糕的做法，因为此时的index是字符串，而且不一定按照数组的顺序输出，很吓人。

仅适用于遍历普通对象的key。

4、for...of

/**ES6写法
*支持数组
*类数组对象（如：NodeList对象）
*字符串
*Map
*set
*/
for (let value of myArray) {
  console.log(value);
}

感谢你能够认真阅读完这篇文章，希望小编分享的“JavaScript循环怎么写”这篇文章对大家有帮助，同时也希望大家多多支持亿速云，关注亿速云行业资讯频道，更多相关知识等着你来学习!