前端笔记58——while循环详解

最新推荐文章于 2024-11-19 09:00:00 发布

野生杂学家阿博

最新推荐文章于 2024-11-19 09:00:00 发布

阅读量1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端文章标签：前端 JavaScript while循环 while循环详解

本文链接：https://blog.csdn.net/chengxu_kuangrexintu/article/details/86111515

前端专栏收录该内容

93 篇文章

订阅专栏

本文深入讲解JavaScript中的while循环，通过实例演示循环的执行过程，帮助前端开发者理解并掌握while循环的使用方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

前面介绍了JavaScript的for循环，这里分享一下我学到的while循环。

while循环

while 循环的目的是为了反复执行语句或代码块。只要指定条件为 true，循环就可以一直执行代码块。

语句格式

while(条件){
	循环体
}

举个栗子：在网页中输出1-3

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			// 需求：在网页中输出1-3
			var i = 1
			while(i <=3){
				document.write(i+"<br>")
				i++
			}
		</script>
	</body>
</html>

代码详解：
第1步: var i =1
第2步：执行while里面的条件，1 <= 3，true
第3步：执行循环体 document.write(1+" <br>“),i++ ===> i=2
第4步：执行while里面的条件 2<=3，true
第5步：执行循环体，document.write(2+”<br>"),i++ ===> i=3
第6步：执行while里面的条件 3<=3,true
第7步：执行循环体，document.write(3+"<br>"),i++ ===> i=4
第8步：执行while里面的条件 4<=3, flase ===>退出循环