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 前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/javascript/18444.html