文章页正文上
今天小编给大家分享一下JavaScript循环语句有哪些及怎么用的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。在编程中,经常需要使用循环语句处理各种各样重复的工作。
例如,使用JavaScript
生成一个学生名称列表,这就需要创建一个HTML
的
标签,然后重复的往标签中插入
HTML
结构:不过,DOM
操作不是本文的主要内容,后续章节会逐步介绍的。循环语句共有三种类型:while
、do while
和for
,读完本文就能掌握所有的循环了。while
语法:while
语句主要包括执行条件exp
,和循环体两部分。执行条件通常是一个条件表达式,例如i > 0
表示当只有当变量i
大于0
的时候,才会执行循环体。举个栗子:以上代码创建了一个变量i
,并赋值为10
,当i > 0
成立时,执行{}
中的代码。代码
console.log(i);
可以在控制台输出一个字符串,敲黑板,控制台还知道是什么吧!然后执行
i--
,也就是变量i
的值减去1
。总结上述代码的作用就是,在浏览器的控制台循环输出变量i
,从10
输出到1
。代码执行结果如下图:通常情况下,循环的判断条件都是一个条件表达式。条件表达式返回布尔值,当返回值是true
时就执行循环体,当返回值是false
时,就结束循环语句的执行。实际上,判断条件可以是任何类型的表达式,这里同样会通过隐式转换将表达式的计算结果转为Boolean
型。例如 i > 0
可以简写为while(i)
:由于Boolean(0)
是false
所以以上代码是成立的。循环条件(变量i
)必须在每次执行的过程中不断的执行减一操作,也就是i--
,否则i
的值永远都大于0
,循环也就永远不会停止,也就是常说的死循环。如果出现了死循环并非没有解决的方法,我们可以通过杀死当前进程结束代码执行。最简单的做法就是,关闭浏览器,然后去控制台杀死浏览器进程。死循环对程序来讲非常危险,它会占满cpu
资源,甚至是整个内存空间,造成死机。所以,在编写循环时,一定要注意不要忘记循环条件的更改。当循环体中只有一条语句时,就可以省略{}
花括号,从而简化代码。举个简答的小李子:执行效果和上面的代码是一样的。和while
循环不同的是,do {...} while
循环将判断条件和循环体交换了位置,在判断循环条件之前,会首先执行一次循环体。以上代码会输出0~9
的数字,执行结果如下:也就是说使用do {...} while
语句,循环体至少为执行一次:以上代码,虽然i
从一开始就不满足执行条件,循环体依旧会执行一次。实际上,do {...} while
语句在现实编程过程中使用的非常少!因免费云主机、域名为很少有情况需要我们在判断条件不成立的情况下,依旧要执行一次循环体。
即使存在这种情况,我们也通常使用while代替。相较而言,
for
循环语句是最复杂的,但也是最受欢迎的。直接从语法角度解释for
可能令人疑惑,下面是一个最常见的案例:对比解读:以上代码的执行顺序是:let i = 0;
,进入循环语句时执行,只执行一次;判断i ,如果成立继续执行,否则推出循环;
执行console.log(i)
,控制台输出变量i
的值;执行i++
,改变循环变量i
的值;循环执行2 3 4
步,直至i 不成立。
实际上,以上代码在功能上完全等价于:和while
、do {...} while
不同的是,for
循环的条件变量i
是定义在for
语句内部的,相当于一个局部变量,或者说是内联变量,这样的变量只能在for
循环内部能够使用。举个例子:如下图:造成这种结果的原因是,i
是for
的局部变量,当for
语句执行完毕后立即被销毁,后面的程序是无法使用的。提醒:如果你执行以上代码并没有出现错误,很有可能是在for语句之前就定义了变量i
。当然,我们也可以不使用局部变量:这样我们就可以在for
语句外面使用条件变量了!for
语句中的任何部分都是可以省略的。例如,省略begin
语句:例如,省略step
语句:例如,省略循环体:正常情况下,循环语句需要等待循环条件不满足(返回false
),才会停止循环。但是我们可以通过break
语句提前结束循环,强制退出。举个例子:以上代码是一个猜数字的游戏,循环条件永远是1
,也就是说循环永远不会结束,但是当输入数字9
后,就会使用break
强制结束循环。这种无线循环加上break
的形式在实际编程场景中非常常见,建议用小本本记下来。continue
可以停止当前正在执行的单次循环,立即开始下一次循环。举个例子:以上代码输出100
以内的所有7
的倍数,当i % 7
不为0
,也就是说i
不是7
的倍数的时候,执行continue
语句,直接跳过后面的语句,执行下一次循环。在多层循环嵌套的情况下,会有这样一个问题,怎样从多重循环中跳出整个循环体呢?例如:如果我们需要在,用户输入0
时,直接让程序执行alert('Done!')
应该怎么做呢?这就需要使用标签,语法如下:break label
语句可以直接无条件的跳出循环到标签label
处。例如:上述代码中,break outer 向上寻找名为 outer 的标签并跳出当前循环。因此,控制权直接从 (*)
转至 alert('Done!')
。我们还可以使用continue label
直接结束当前循环,开始下次循环:continue outer
可以直接结束多重循环的最外层循环,开始下一次循环。例如当我们在(0,0)
处输入0
,那么程序会直接跳到(1,0)
处,而不是像break
一样直接结束整个循环。注意:标签并不是随便跳转的,必须符合一定的要求例如:就是不正确的。利用
console.log()
方法,使用循环输出以下图形:利用双重循环,创建一个3X3
的矩阵,并让用户可以输入矩阵数据。以上就是“JavaScript循环语句有哪些及怎么用”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注云技术行业资讯频道。这篇文章主要介绍“Node事件循环机制是什么”,在日常操作中,相信很多人在Node事件循环机制是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Node事件循环机制是什么”的疑惑有所帮助!接下来,请跟着小编一起来学习吧! 虽然…
文章页内容下