JavaScript的三种循环_Mithrand的博客-程序员宝宝_javascript循环语句有哪些

技术标签: for循环  while循环  JavaScript  Js  JS  循环  

我们在使用JavaScript时遇到需要一遍一遍地运行相同代码、并且每次的值不同时,使用循环是个明智的选择。

JS中循环有三种:
1.while循环
2.do-while循环
3.for循环

1.while循环
语法结构:
while(条件表达式){当条件表达式为布尔值true时要执行的语句块}

结构流程图:

这里写图片描述

举例:1到100累加。

<script type="text/javascript">
    var i = 1; 
    var result = 0;
    while(i<=100){
        result=result+i;
        i++;
        }
        alert(result);
</script>

2.do-while循环
语法结构:
do{条件表达式为true时执行的语句块}while(条件表达式)

结构流程图:

这里写图片描述
举例:1到100累加。

<script type="text/javascript">
            var i = 0; 
            var result = 0;
            do{ i++;
                result=result+i;
            }while(i<100)
            alert(result);
        </script>

while循环与do-while循环的区别:
一、while是先判断条件,后执行循环主体(先判断后执行)
二、do-while是先执行循环主体后判断条件(先执行后判断)
三、如果初始条件不满足,while循环主体不执行,而do-while无条件地执行循环主体一次

3.for循环
语法结构:
for(变量初始化 ;条件表达式; 变量更新){条件表达式为true时执行语句块}

结构流程图:

这里写图片描述
举例:1到100累加。

<script type="text/javascript">
        var result = 0;
        for(var i = 1; i<=100 ; i++){
            result = result + i;
        }
        alert(result)
        </script>

注意:
for循环可以省略变量初始化、条件表达式以及变量更新。省略变量初始值,则通常在循环结构之前进行变量初始化,例如:

<script type="text/javascript">
        var result = 0;
        var i=1;
        for( ; i<=100 ; i++){
            result = result + i;
        }
        alert(result)
        </script>

省略条件表达式,则表示该for循环为死循环,因为表达式不写默认为布尔值true,此时可以在循环主体中构建退出循环语(break; / continue;)句以跳出循环。这里以break;为例:

<script type="text/javascript">
        var result = 0;
        for( var i=1; ; i++){
            result = result + i;
            break;
        }
        alert(result)
        </script>

省略变量更新也会致使死循环。同上,可以在循环主体中构建退出循环语(break; / continue;)句以跳出循环。

总结:循环次数确定的情况下使用循环通常采用for循环,wihle、do-while通常用于循环次数不确定的情况。

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/Mithrand/article/details/82108737

智能推荐

org.springframework.web.util.NestedServletException: Request processing failed; nested exception is ..._weixin_30257433的博客-程序员宝宝

之前做的项目是resteasy的上传,代码没有问题,断点都不进来呢。我以为可以直接移植到SpringMVC,但是SpringMVC不支持MultipartFormDataInput ,用MultipartFile就可以了。老的无法兼容新的。正确代码如下@RequestMapping(value = "/importExcelForEduQuestion",produces = ...

Web_PHP_Curl浅说;_cyb_23的博客-程序员宝宝

<?php/** * curl会话 * @author 2WR3_cyb */class CurlClass { /** * Curl使用示例 * @param string $url 请求路径,如'http://x.x.x'; * @param array $fields 请求参数,如array('var' => 'value'), or can

黑马程序员--面对对象3_捌年的博客-程序员宝宝

------- android培训、java培训、期待与您交流! ----------一、继承定义:  在定义和实现一个类的时候,可以在一个已经存在的类的基础之上来进行,把这个已经存在的类所定义的内容作为自己的内容,并可以加入若干新的内容,或修改原来的方法使之更适合特殊的需要,这就是继承。继承是子类自动共享父类数据和方法的机制,这是类之间的一种关系,提高了软件的可重用性和可

基础的重要性(程序员之路)_张冰庭的博客-程序员宝宝

学习编程有几年了,感觉走了不少弯路,而不少的学弟学妹又在重蹈我当初的覆辙,不免有些痛心。最近在网上也看了许多前辈们的经验建议,再结合自己的学习经历在这里谈谈基础的重要性,希望帮助大家少走些弯路。    什么是基础呢?就是要把我们大学所学的离散数学,算法与数据结构,操作系统,计算机体系结构,编译原理等课程学好,对计算机的体系,CPU本身,操作系统内核,系统平台,面向对象编程,程序的性能等要有

0003C语言--数据类型及运算符_北冥有鱼zsp的博客-程序员宝宝

本文主要讲解的知识点是进制数,数据类型及其转换,运算符。1.进制数及其转换进制是一种计数机制,它可以使用有限的数字符号代表所有的数值。对于任何一种进制——X 进制, 就表示某一位置上的数运算时逢 X 进一位。对于计算机系统来说,常见的进制数有二进制,八进制,十进制及十六进制。(1)二进制对于绝大多数计算机系统来说,数据都是通过二进制的形式存在的。二进制是一种“逢二进一”的机制, 它...

随便推点

Redis zSet命令_qq_19557947的博客-程序员宝宝

zAdd增加一个或多个元素,如果该元素已经存在,更新它的socre值虽然有序集合有序,但它也是集合,不能重复元素,添加重复元素只会更新原有元素的score值$redis->zAdd('key', 1, 'val1');$redis->zAdd('key', 0, 'val0');$redis->zAdd('key', 5, 'val5');$redis->zRange('

3D图形学(6):正向渲染和延迟渲染_鹅厂程序小哥的博客-程序员宝宝

内容引自《Real Time Rendering 3rd》Forward Rendering(正向渲染)发生在渲染管线的顶点处理阶段,会计算所有的顶点的光照。全平台支持。规则一:最亮的几个光源会被实现为像素光照 规则二:然后最多4个光源会被实现为顶点光照 规则三:剩下的光源会被实现为效率较高的球面调谐光照(Spherical Hamanic),这是一种模拟光照规则一补充说明...

(原创)咱们公司遇到一个想开发和抖音一样的app的客户?_qq18723817197的博客-程序员宝宝

如果客户说想开发一款和抖音一模一样的app,结果会?——链环科技

我和你们不同--和谐就是和而不同--就是多样性的统一_LLKJDLLKJD的博客-程序员宝宝

     软件开发我从来没有研究过,我是寻求一个帮助偶然来到这个空间,希望哪位朋友能够帮助我编写一个这样简单的软件---将标志某商品的品名、产地生产商、经销商、规格型号、产品编号、特殊字符的信息编写成为另外一组可以自由设定的信息,当输入其中某一段信息后,就可以自动导出这些自由设定的信息,就好象户口管理,输入名字,就可以导出身份证号码一样;用途是:好查找库房放置的商品位置。    我的手机号码是

推荐文章

热门文章

相关标签