js中for循环遍历的写法

众所周知，for循环是编程中必不可少的知识点；那么如何高效的写出循环呢？

我们要先知道for循环的基础样式是由自有变量自增自减和if判组成的；

 

1             for(条件){
2                 执行语句
3             }

 

而for循环的条件要明确从哪里开始执行？执行到哪里结束？中间的过程是向上还是向下？ 

假如不理解js基础语法的会犯下面的错误

1                 for (var i = 0; i < 10; i++;) { X 第三个条件是最后的条件所以不需要加“ ；”
2                     console.log(i);
3                 }

其实除了 “i<10”这个条件，其他条件并不是必须放到小括号里，例如定义a的可以放到放行环上面；定义自增自减的。放到for循环的执行语句里面也是可以的；

后期进行复杂循环会用到这些规则；

1                 var i = 0;
2                 for (;i < aLen;) {
3                     console.log(a[i] + 'low');
4                     i++; 
5                 }

 

必须要明白，JavaScript是由上往下执行的，所以如果逻辑上不通的话会报错的。所以还是建议按照基础语法来写。；

执行一遍再回到条件语句里面，判断参数是否满足条件，如果满足继续执行，不满足跳出循环。继续执行下面代码。

这就是for循环的基本逻辑。

由于大部分for循环都是为了遍历某个数组或对象。所以更新出了新的语法。

下边请看栗子：

 1             var a = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0, 'a'];
 2             var aLen = a.length;
 3             function low() {
 4                 for (var i = 0; i < aLen; i++) {
 5                     console.log(a[i] + 'low');
 6                 }
 7                 return a;
 8             }
 9 
10             function fashion() {
11                 for (i in a) {
12                     console.log(a[i] + 'fashion');
13                 }
14                 return a;
15             }

 

low() 与fashion() 执行结果和逻辑是相同的；但简洁度明显是fashion() 比较高；

看执行结果；

 

 

所以如果是遍历某个对象或数组，建议使用第二个函数中的for循环；

 

标签：fashion,遍历,console,log,js,循环,low,var,写法
来源： https://www.cnblogs.com/008ts/p/14395033.html