美文网首页
014|JavaScript循环语句之while

014|JavaScript循环语句之while

作者: 中年小钢炮 | 来源:发表于2017-05-20 13:25 被阅读11次

    前两节学习了条件分支语句,通过分支语句,我们能够处理按条件分类处理的问题。

    这一节里,我们将学习一个新的JavaScript知识点,while循环

    现在你有一个需求,你需要编写一个脚本,输出100次“Hello World”。你会怎么做?

    前面课程中一个需求是输出4次“Hello world!”,对于这种数据较少的需求,可以直接调用4次console.log来解决。代码如下:

    console.log("Hello world!")
    console.log("Hello world!")
    console.log("Hello world!")
    console.log("Hello world!")
    

    现在面临的问题是要输出100次“Hello world!”。你可敲击上100行,或者通过ctrl+c、ctrl+v来加速。对于100行这种做法也许还能忍,那1000行、10000万呢?绝对不能忍。

    这时候,我们可以使用 while循环来解决这个问题。先看一下while循环的语法:

    while (condition){
      statement1;
      statement2;
      ... ...
    }
    

    while循环语句有一个condition变量(或表达式),当condition为true时,while循环{}(花括号)内的所有statement将被依次执行。statement执行完毕后,引擎再次回到while 的condition进行判断。

    while循环的处理逻辑如下:

    1. 如果contidion为true,执行2,否则执行4。
    2. 执行{}(花括号)中的statement。
    3. 跳到1。
    4. 结束循环。

    现在,我们用while循环来处理一下上面的需求。代码如下:

    var count = 1
    while(count<=100)
    {
        console.log("Hello world!")
        count++; // 让变量count+1
    }
    

    上面代码,通过变量count来控制while循环次数。count初始为化1,while循环每执行1次,count就加1。直到count>100,循环结束 。

    while 循优使用循环计数的方式,替换掉了ctrl+c、ctrl+v的解决方案。它让代码变得更加的精简、优雅。

    好,这一节就到这里。while循环,你学会了吗?

    什么是 do..while 循环?
    什么是 for 循环?

    请继续关注我的课程,我将在后续课程中帮大家依次解答上述问题。

    想学计算机技术吗?需要1对1专业级导师指导吗?想要团队陪你一起进步吗?欢迎加我为好友!

    我的微信

    相关文章

      网友评论

          本文标题:014|JavaScript循环语句之while

          本文链接:https://www.haomeiwen.com/subject/whqpxxtx.html