JavaScript 中的循环结构

<span style="background-color:#f7f7f7"><span style="color:#777777">typora-copy-images-to: media
</span></span>

循环结构

引入：操场一圈是400米，在运动会的时候，2000米的跑步比赛，我们需要绕操场跑5圈，如下图：

示意图

这就是一个循环，那么，在这个过程中，其实我们动作只是跑一圈，剩下的过程只是在重复。从计算机的角度来想，我们可不可以设定一个程序，让他自动跑5圈呢？可以的，用咱们今天要学习的循环结构。循环结构的意义就是让代码重复执行。

 

循环作用：处理重复代码

while循环结构

语法：

<span style="background-color:#f8f8f8"><span style="color:#770088">while</span>(条件语句){
  条件成立执行的代码
} </span>

例：对女朋友说5句我爱你

<span style="background-color:#f8f8f8"><span style="color:#aa5500">// 那么既然是循环，咱们需要设定几个条件，首先是从哪开始，每完成一次要进行计数，完成多少次停止。</span>
<span style="color:#770088">var</span> <span style="color:#0000ff">i</span> <span style="color:#981a1a">=</span> <span style="color:#116644">1</span>;
<span style="color:#770088">while</span>(<span style="color:#000000">i</span><span style="color:#981a1a"><=</span><span style="color:#116644">10</span>){
    <span style="color:#000000">document</span>.<span style="color:#000000">write</span>(<span style="color:#aa1111">"我爱你！"</span>);  
    <span style="color:#000000">i</span><span style="color:#981a1a">++</span>;
}</span>

while循环结构的具体流程：

while循环的运行流程

 

while循环需要我们在循环外就将变量声名好，在执行代码的过程中，一定要让变量进行变化，否则这个循环就会无休止的进行下去。

不会停止的循环叫做死循环，程序一直不会停止，cpu占用率越来越高，很容易造成系统崩溃。所以我们在写代码的时候一定避免写成死循环。

例：利用while循环中的变量输出数字1~5

<span style="background-color:#f8f8f8"><span style="color:#770088">var</span> <span style="color:#0000ff">i</span> <span style="color:#981a1a">=</span> <span style="color:#116644">1</span>;
<span style="color:#770088">while</span>(<span style="color:#770088">while</span><span style="color:#981a1a"><=</span><span style="color:#116644">5</span>){
     <span style="color:#000000">document</span>.<span style="color:#