js中的循环结构

夺笋123

已于 2022-05-21 23:39:28 修改

阅读量114

点赞数

分类专栏： # js基础文章标签： javascript html

于 2022-05-21 23:38:19 首次发布

本文链接：https://blog.csdn.net/m0_54510474/article/details/124904955

版权

js基础专栏收录该内容

16 篇文章 0 订阅

订阅专栏

循环结构

while循环

在while结构中，当表达式的值为true时，执行大括号中的语句

while(表达式){
	语句块;
}

do-while循环

与while循环类似，区别在于大括号中的语句块至少被执行一次

do{
	语句块;
	}
while(表达式)

for循环

for循环由条件控制和循环部分两部分组成

for (表达式1;表达式2;表达式3){
	语句块;
}

for-in循环

for (变量 in 数组或对象){
	语句组;
}

循环控制语句

break语句

用于跳出while或for的本层循环

continue语句

当初当前循环块

实例：利用循环结构实现自然数求和

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>这是一个html5 demo</title>
    <script>
		function change_while(id)
		{
			var i=0;
			var sum_=0;
			while (i<=100){
				sum_+=i;
				i++;
			}
		    id.innerHTML=sum_;
		}
		function change_dowhile(id)
		{
			var i=0;
			var sum_=0;
			do{
				if(i>50){break;}
				sum_+=i;
				i++;
			}while (i<=100);
		    id.innerHTML=sum_;
		}
		function change_for(id)
		{
			var i=0;
			var sum_=0;
			for(;i<=100;i++){
				if(i==50){continue;}
				sum_+=i;
			}
		    id.innerHTML=sum_;
		}

	</script>
</head>
<body>
	1-100所有数字之和为（while循环实现）：<h3 onclick="change_while(this)">点击查看</h3><hr/>
	1-50所有数字之和为（do-while循环实现,break语句）：<h3 onclick="change_dowhile(this)">点击查看</h3><hr/>
	1-100(不含50)所有数字之和为（for循环实现,continue语句）：<h3 onclick="change_for(this)">点击查看</h3>


</body>
</html>