细说javascript常用的两种循环 让重复执行的代码远离你的困惑

Hello,亲们，大家昨天还过得好吗！相信大家已经把前面讲过的判断语句用的滚瓜烂熟了吧！如何额，有没有那么一点点成就感，想不想继续跟小编混下去啊？后面的内容越来越精彩哦，只要大家坚持，一天积累小点点，终有出头日，铁棒也能磨成针。大家说是不是呢！好了，闲话少说，咱们开始吧！今天小编给大家带来的javascript循环语句。

考考你：在开始之前，小编有一个小小的问题，不知道大家是否还记得咱们昨天讲过的判断语句，它与循环语句有什么区别?

判断语句：定义一个初始值，当满足条件的时候输出其后面的内容，否则输出其它，或者是直接跳出，而循环语句呢，就是已经初始条件和终始条件，分别输出其条件满足的内容，换言之：假如我们有50个人，想要在控制台上打印输出看一下这50个人在做什么，候如用判断语句来做是不是很麻烦，而且代码量非常大，也非常消耗时间，这个时候呢就需要我们今天学的内容—javascript循环语句。

Javascript中有4种循环语句，分别是for、for……in、while、do……while，这几种循环语句的工作原理大体上是一致的：只要条件满足为true,包含在循环语句里面的代码内容就会一一输出执行，否则为false循环终止，程序执行完毕，今天，咱们先来了解一下循环语句里面的for和while循环。

一：什么是for循环？

For也就是网页中最常用的循环方式，就是已经循环起点和执行的条件（如某个变量大于等于1，小于50，1就是起点，50步是执行的条件）重复执行的一段程序。具体原理如下图所示：

例：假设某个工厂有50个员工，想要在调试控制台是输出其本人对应的工号和岗位，大家想想，我们该怎么做？首先，设置一个循环起点，也就是从第一个员工开始，循环条件是小于等于50个员工，如果条件满足，就分别输出其员工的工号和岗位，然后再累加员工的数量，如果超出了50个员工的范围，这个时候的循环条件变为假（false）for循环结束，程序终止，具体代码如下图：

代码解析：看上图，我们给了一句循环代码也叫循环体:for(var num=1;num<=50;num++)，先判断num的值是否小于等于50，如果是那就输出num值对应的内容，然后num再累加，这个时候num的初始值变成了2，再用2与循环执行的条件比较，如果为真，输出2对应的内容，如果为假，也就等于所有的执行条件都已经比较完毕，如上面的执行条件是50，相当于循环输出了50次，这时循环也就结束，程序终止了。

注：for循环体里面第一句是初始值，第二句是执行的条件，第三句是累加（自动加1），中间用英文符号;分号进行分隔后面加一对大括号，大括号里面嵌套了if…else语句，写入满足条件时循环输出的内容，其结果如下图：

二：while循环的用法与技巧

While循环其工作原理和for循环相差不大，不同之处在于while的初始值和重复执行的程序我们单独把它放在了程序体的前面和后面，然后再在while（）里面输入其执行的条件：如while(num<=50),条件满足的话，就执行while()大括号后面的语句，然后初始值累加，再判断，直到条件不满足的时候，跳出循环，程序终止，其工作原理如下图：

例：把上面for循环的代码变一变，具体如下：

大家猜一猜：结果和for循环里面的输出结果有没有发生变化，for与while循环的输写模式上有什么区别？

好了，剩下的内容就留给大家思考吧，如大家喜欢的话请多多关注，加个粉，多互动互动，下面的内容会越来越有意思有什么不足之处的地方请大家在评论里面指出来哦，一起进步，明天见，朋友们！