html中写循环语句,分享4种JS里循环的写法

分享4种JS里循环的写法，可以先看下循环的语句格式：

循环语句的组成

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

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

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

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

循环语句的格式

for(初始化语句;判断条件语句;控制条件语句){

循环体语句;

}

说明

1、20年前的for循环//20年前的写法

let len = myArray.Length

for (let index = 0; 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，数组长度缓存，尽量少变量