javascript for循环怎么写?

javascript for循环怎么写?下面本篇文章给大家介绍一下Javascript中for循环语句的几种写法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

for循环的语句格式

1、循环语句的组成

(1)初始化语句:一条或者多条语句,这些语句完成一些初始化操作

(2)判断条件语句:这是一个boolean 表达式,这个表达式能决定是否执行循环体

(3)循环体语句:这个部分是循环体语句,也就是我们要多次做的事情

(4)控制条件语句:这个部分在一次循环体结束后,下一次循环判断条件执行前执行。通过用于控制循 环条件中的变量,使得循环在合适的时候结束

2、循环语句的格式

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);
}
  • 各种优秀啦

顺带说几点提高for循环性能的要点:

1,适时break!不需要遍历全部的就要加跳出条件!

2,不要在for循环体里声明变量(建议一次var,多次赋值)

2,数组长度缓存,尽量少变量

更多web前端开发知识,请查阅 HTML中文网 !!

以上就是javascript for循环怎么写?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » JavaScript 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏