js for循环

// For循环的基础运行机制

/*

    * FOR循环

    * 作用:按值一定的规律,重复去做某件事情,此时我们就需要使用循环了

    * for循环的语法组成

        * 1.定义初始值 var i = 0

        * 2.设定循环成立的条件(条件成立循环继续,不成立循环结束) i < ary.length

        * 3.条件成立会执行循环体 (大括号包裹的就是循环体)

        * 4.执行步长累加的操作 i++

*

*/

var ary = [12,23,34];

/*

*{

    * 0: 12

    * 1: 23

    * length: 3

* }

*/

/*

* 输出数组中的每一项内容

*/

// 正序输出

for(var i = 0;i < ary.length; i++){

    //=>第一次循环: i=0 i<3 ... i=1 =>ary[0]

    //=>第二次循环: i=1 i<3 ... i=2 =>ary[1]

    //=>第三次循环: i=2 i<3 ... i=3 =>ary[2]

    //=>第四次循环: i=3 i<3 循环结束(本次没有循环)

    console.log(ary[i])

}

console.log('---------------')

// 倒序输出

for(var i = ary.length-1; i>=0; i--){

    //=> i=2 ary[2]

    console.log(ary[i])

}

console.log('---------------')

// => 输出数组中的内容:输出基数项的内容

for(var i = ary.length-1; i>=0; i--){

    //=> i=2 ary[2]

    // 索引为偶数,代表奇数项

    // 索引为奇数,代表偶数项

    if(i%2==0){

        console.log(ary[i])

    }

}

for(var i = 0;i < ary.length; i+=2){

    console.log(ary[i])

}

// for循环的两个关键字

/*

* 在FOR循环的循环体中,经常出现两个常用的关键字:

* 1. continue: 继续(遇到continue结束本次循环,继续执行下一个循环)

* 2. break 中断或者结束

*/

for(var i = 0;i < 10; i++){

    if(i<5){

        i++

        continue;  //=》结束本轮循环(continue后面的代码不在执行),继续执行下一轮循环

    }

    if(i>7){

        i += 2;

        break; //=>强制结束整个循环,不做任何事情得处理

    }

    i+=1

}

console.log('-----');

for(var i = 1;i<=10;i+=2){

    if(i<=5){

        i++;

        continue;

    }else{

        i-=2;

        break

    }

    i--;

    console.log(i)

}

console.log(i)  //5

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 2,103评论 1 10
  • 1. 验证正则表达式中的全局g对几种方法的影响 test校验方法:正则的方法总结:1)不添加全局g时,lastIn...
    果木山阅读 327评论 0 0
  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些阅读 2,053评论 0 2
  • var navigator = navigator || {};var window = window || {}...
    DF_Sky阅读 1,280评论 0 0
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,842评论 2 17