专栏首页HTML5学堂while和do while循环语句

while和do while循环语句

HTML5学堂:在JS的循环语句当中,for、for-in的确是使用管比较频繁的,但是额外还有两种循环语句,一种是while语句,一种是do-while语句,今天主要讲解这看两种语句,并比较一下它们与for的区别。

学过计算机都会接触到循环,循环有很多种,今天我们就来看看while和do while的区别吧

while语句

语法:while(判断条件){}

while循环满足条件后执行大括号内的内容,下面我们来直接看下demo只有当达到条件时累加才会被执行

demo:

    var sum = 0;//声明变量sum用于累加求和
    var i = 1;//声明变量i用于条件判断
    while(i<=100) {
        sum = sum +i;
        i++;
    }
    console.log(sum);//5050
    console.log(i);//101

可以看到当大于100的时候while不满足条件因此没有执行累加,最后结果就为1加到100的结果

do while语句

语法:do {执行} while(条件)

do while循环在字面上就能与while循环区分开来,do while不管结果如何,先do了再进行判断,典型的先斩后奏型,因此第一次执行时无论是否满足条件do里面的代码都将被执行

例如以下demo

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

可以看得出来,i不小于0,但是do内的代码还是执行了一次,最终i变为2,因此do while在执行过程中do内代码必定被执行至少一次。

for循环

前端开发中for循环用的较为频繁,for循环类似while循环。

语法:for(初始化;判断语句;表达式){}

用for循环写一个1加到100的程序

    var sum = 0; // 用于存储计算总和
    for (var i = 1; i <= 100; i++) {
        sum = sum + i;
    };
    console.log(sum); // 5050
    console.log(i); // 101

将for循环与while循环对比可以发现,for循环将初始化,条件和表达式都放在一起了使大括号内容可以变得更精简。

实际开发中应尽可能的减少循环操作,如果是从一百个数据内找一个符合条件的内容,适当合理的中断循环是非常必要的,当数据较多时,遍历一次数据耗时会很长,重复的遍历查找会成倍的增加不必要的执行时间,直接影响了页面的性能,使页面响应变慢。

本文分享自微信公众号 - HTML5学堂(h5course-com),作者:HTML5学堂

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2016-01-04

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • PHP对数据库的相关操作

    HTML5学堂:在使用PHP将数据库中的数据提取到前端网页当中,分为几个基本步骤,主要包括:定义数据库的基本信息、连接数据库、选择数据库、执行SQL命令、分析结...

    HTML5学堂
  • 游戏开发 - Math对象相关知识讲解

    前几期小编给大家总结了JavaScript的基础知识,为我们后期深入学习JS打下了一定的基础。在后面的几期文章当中我们要来进行JS小游戏的开发,但是开发小游戏的...

    HTML5学堂
  • CSS 1.0~3.0选择器(下)

    HTML5学堂:对于CSS选择器我们熟悉了CSS1.0~CSS2.0的使用,我们那么有些选择器还是无法简单获取某元素,对于CSS3的选择器的产生,让我们更加方便...

    HTML5学堂
  • 8. 一花一世界,while for 循环?

    wo这周有点懒啊,这才第 2 篇,个人有点事情,本来预计可以更新……1 篇的,︿( ̄︶ ̄)︿

    谭庆波
  • 快速学习-Python循环语句

    (1) break 语句可以跳出 for 和 while 的循环体。如果你从 for 或 while 循环中终止,任何对应的循环 else 块将不执行。 (2...

    cwl_java
  • 【编程基础】C语言循环语句解析

    循环语句是一种很重要的结构,这种结构的特点就是在某种条件下,会重复循环执行某一段代码,直到条件不成立为止。这里的条件称为循环条件,重复执行的那段代码称为循环体。...

    程序员互动联盟
  • ​Java反射详解

    反射的概念是软件可以在运行时,检查,分析,修改代码。例如:在Junit中,使用@Test注解等。 在Java中,通过反射可以在运行时检查字段,方法,类,接口,注...

    代码拾遗
  • React Native项目实战之搭建美团个人中心界面

    在很多app应用型APP中,个人中心往往会单独出一个模块,而对于刚入门React Native的朋友来说,怎么去实现一些静态的页面,并且怎么着手实现,怎么分层,...

    xiangzhihong
  • vagrant配置多个虚拟机

    Vagrant.configure("2") do |config| vms = Array(1..5) vms.each do |i| ...

    苦咖啡
  • Winpe2.0 DIY(3)Aston

    这个外壳是要直接加入到pe中的,并不是在pe中装Aston,所以要对它进行调整,然后象其他的工具那样放到mount\Program Files下

    py3study

扫码关注云+社区

领取腾讯云代金券