• 技术文章 >web前端 >js教程

    javascript中循环结构有哪些

    青灯夜游青灯夜游2021-11-05 14:01:17原创87

    js循环结构有三种:1、for循环,语法“for(初始化语句;循环条件;自增或自减){代码块}”;2、while循环,语法“while(条件语句){代码块}”;3、“do while”循环,语法“do{语句块}while(条件语句);”。

    本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

    所谓循环,就是重复执行一段代码,计算机的判断能力和人相比差的很远,计算机更擅长一件事情——不停的重复。而我们在JavaScript中把这叫做循环。下面让我们来了解了解JavaScript里的循环。

    js循环结构有哪些

    js循环结构有三种

    1、for循环

    for是由两个部分组成,条件控制和循环体

    语法:

    for(初始化语句;循环条件;自增或自减){
    	需要重复的代码块;
    }

    for语句结构如图:
    for循环结构
    for循环的执行顺序

    1、初始化表达式

    2、循环条件表达式

    3、需要重复的代码块

    4、循环后的操作表达式

    简单的for循环,循环执行一次会改变一个变量的值
    举例:输出1到100的值

    for(var i=1; i <= 100; i++){
    //在循环开始时设置一个变量i;//定义运行循环的条件i<=100;//每个循环执行后,变量增加1
    console.log(i);
    }

    2、while循环

    while循环会重复执行一段代码,直到某个条件不再满足。

    语法:

    while(条件表达式语句){
    	执行的代码块;
    }

    while循环结构如图:
    while循环结构
    while执行顺序

    当我们的使用条件条件返回值是true,就会执行大括号里面的代码块,执行完大括号的语句之后,会重复大括号里的语句,直到判定条件返回值为false,才会结束循环。

    案例:

    var i = 0;
    while (i < 10){
    	console.log(i);
    	i++;
    }
    //while循环会先判定条件,再根据条件是否成立达成决定是否进入循环
    //如果条件一开始就是false ,则不会进入循环

    缺点:

    3、do while循环的结构

    do while 结构的基本原理和while结构是基本相同的,但是它保证循环体至少被执行一次。因为它是先执行代码,后判断条件
    语法:

    do {
    	执行语句块;
    }
    while(条件表达式语句);

    do while 执行顺序:

    先执行一次code,再做判断。与while循环不同,do while无论条件如何 都会执行一次代码

    案例:

    var i = 0;
    do{
    	console.log(i);
    	i++;
    }while(i<10);

    while 和 do while的不同

    【推荐学习:javascript高级教程

    以上就是javascript中循环结构有哪些的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:javascript 循环结构
    上一篇:浅谈Angular中的预加载配置、懒加载配置 下一篇:nodejs支持import吗
    大前端线上培训班

    相关文章推荐

    • javascript怎么将set转为数组• javascript replace()可不区分大小写吗• javascript有哪些语句结构• javascript利用set进行数组去重的方法有哪些• javascript every()方法是干什么的

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网