js - 关于循环

ES5:for,foreach,for..in

ES6:for..of

 

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

// ES5(可参见ES6的析构写法)   const value = ["a", "b", "c"]     // for   for (let i = 0; i < value.length; i++) {       console.log('for：', value[i])   }     // for优化版(保留长度，无需每次遍历长度)   for (let i = 0, len = value.length; i < len; i++) {       console.log('for优化:', value[i]);   }       // 优点：foreach适用于只是进行集合或数组遍历   // 缺点：for..each(效率较低),不能跳过或者终止循环   // 参数调用：默认回调三个参数(value,index,)   value.forEach(function(value, index, array) {       console.log('for..each：', value, index, array)   })     // for..in(可返回可枚举的属性)   // 不可枚举的属性:如Number() ->js内部封装的   for (let i in value) {       console.log('for..in：', value[i])   }     // for..of   for (let i of value) {       console.log('for..of：', i)   }

 

关于for..of和for..in区别，请参见阮一峰教程

　

关于使用：根据最简，最适用的循环使用即可

* 1. 语法(参数)
* 2. 使用限制