细说javascript常用的两种循环

来源：互联网 2023-03-16 19:12:59 333

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

工具/原料

电脑、开发工具（editPlus）
调试工具（谷歌浏览器）、手机等

方法/步骤

一：什么是for循环？

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

细说javascript常用的两种循环

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

细说javascript常用的两种循环

2该信息未经授权抓取自百度经验

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

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

细说javascript常用的两种循环

二：while循环的用法与技巧

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

细说javascript常用的两种循环