zoukankan      html  css  js  c++  java
  • 【Javascript】javascript学习 十三 JavaScript For/While 循环

    JavaScript 中的循环用来将同一段代码执行指定的次数(或者当指定的条件为 true 时)。

    实例

    For 循环
    如何编写 loop 循环来按照指定的次数执行相同的代码。
    循环产生 HTML 标题
    如何使用Loop循环来产生不同的HTML标题。

    JavaScript 循环

    在编写代码时,你常常希望反复执行同一段代码。我们可以使用循环来完成这个功能,这样就用不着重复地写若干行相同的代码。

    JavaScript 有两种不同种类的循环:

    for
    将一段代码循环执行指定的次数
    while
    当指定的条件为 true 时循环执行代码

    for 循环

    在脚本的运行次数已确定的情况下使用 for 循环。

    语法:

    for (变量=开始值;变量<=结束值;变量=变量+步进值) 
    {
        需执行的代码
    }
    

    实例:

    解释:下面的例子定义了一个循环程序,这个程序中 i 的起始值为 0。每执行一次循环,i 的值就会累加一次 1,循环会一直运行下去,直到 i 等于 10 为止。

    注释:步进值可以为负。如果步进值为负,需要调整 for 声明中的比较运算符。

    <html>
    <body>
    
    <script type="text/javascript">
    var i=0
    for (i=0;i<=10;i++)
    {
    document.write("The number is " + i)
    document.write("<br />")
    }
    </script>
    
    </body>
    </html>

    结果:

    The number is 0
    The number is 1
    The number is 2
    The number is 3
    The number is 4
    The number is 5
    The number is 6
    The number is 7
    The number is 8
    The number is 9
    The number is 10

    while 循环

    JavaScript 中的循环用来将同一段代码执行指定的次数(或者当指定的条件为 true 时)。

    实例

    While 循环
    利用 while 循环在指定条件为 true 时来循环执行代码。
    Do while 循环
    利用 do...while 循环在指定条件为 true 时来循环执行代码。在即使条件为 false 时,这种循环也会至少执行一次。这是因为在条件被验证前,这个语句就会执行。

    while 循环

    while 循环用于在指定条件为 true 时循环执行代码。

    语法:

    while (变量<=结束值)
    {
        需执行的代码
    }
    

    注意:除了<=,还可以使用其他的比较运算符。

    实例:

    解释:下面的例子定义了一个循环程序,这个循环程序的参数 i 的起始值为 0。该程序会反复运行,直到 i 大于 10 为止。i 的步进值为 1。

    <html>
    <body>
    <script type="text/javascript">
    var i=0
    while (i<=10)
    {
    document.write("The number is " + i)
    document.write("<br />")
    i=i+1
    }
    </script>
    </body>
    </html>

    结果:

    The number is 0
    The number is 1
    The number is 2
    The number is 3
    The number is 4
    The number is 5
    The number is 6
    The number is 7
    The number is 8
    The number is 9
    The number is 10

    do...while 循环

    do...while 循环是 while 循环的变种。该循环程序在初次运行时会首先执行一遍其中的代码,然后当指定的条件为 true 时,它会继续这个循环。所以可以这么说,do...while 循环为执行至少一遍其中的代码,即使条件为 false,因为其中的代码执行后才会进行条件验证。

    语法:

    do
    {
        需执行的代码
    }
    while (变量<=结束值)

    实例:

    <html>
    <body>
    <script type="text/javascript">
    var i=0
    do 
    {
    document.write("The number is " + i)
    document.write("<br />")
    i=i+1
    }
    while (i<0)
    </script>
    </body>
    </html>

    结果:

    The number is 0



  • 相关阅读:
    Java生鲜电商平台-SpringCloud微服务架构中核心要点和实现原理
    Java生鲜电商平台-SpringCloud微服务架构中网络请求性能优化与源码解析
    Java生鲜电商平台-秒杀系统微服务架构设计与源码解析实战
    超硬核Java学习路线图+学习资源+实战项目汇总,看完以后不用再问我怎么学Java了!
    还没使用过消息队列?这一份书单值得你好好看看!
    学习Spring,看这几本书就够了
    这份书单,想要晋级高级Java工程师的朋友值得一看!
    搞定JVM基本原理和面试题,看看这几本书妥妥够了!
    《自拍教程16》cmd的常用技巧
    《自拍教程15》命令行软件的通用技巧
  • 原文地址:https://www.cnblogs.com/cuishao1985/p/1526971.html
Copyright © 2011-2022 走看看