JavaScript之循环语句

最新推荐文章于 2024-07-20 17:25:08 发布

比中最佳

最新推荐文章于 2024-07-20 17:25:08 发布

阅读量233

点赞数 2

分类专栏：上课笔记和课堂练习文章标签： javascript html

本文链接：https://blog.csdn.net/hu13786065901/article/details/114787177

版权

上课笔记和课堂练习专栏收录该内容

3 篇文章 0 订阅

订阅专栏

3.10号课堂练习与笔记

一、笔记：

{for循环}

1.结构：
for(初始化变量;循环条件;循环迭代)
{
循环语句
}

2.eg：一个盒子里有6个球，我们每次取一个，重复从盒中取出球，直到球取完为止。

<script type="text/javascript">
var num=1;
for (num=1;num<=6;num++)  //初始化值；循环条件；循环后条件值更新
{   document.write("取出第"+num+"个球<br />");
}
</script>

3.累加器与累乘器：
【1】累加器：

<script type="text/javascript">
var sum = 0;
for(var i = 1;i <= 100;i++){
   sum += i;
}
console.log(sum);      //5050
</script>

【2】累乘器：

<script type="text/javascript">
var result = 1;
for(var i = 1;i <= 100;i++){
  result *= i;
}
console.log(result);      //9.33262154439441e+157
</script>

注意：累乘器初始值为1而不是0；否者最后结果还是0。

4.循环嵌套：（与选择嵌套有点类似）
注：循环的变量名不能是一样的，需要区分，避免变量名发生冲突。

5.穷举法：（逐一证明所有可能性）
人脑：将计算问题简化解答；
计算机：“简单粗暴”的，一个个的，傻傻的解答计算问题。（穷举法）
eg:寻找1~100中能被3也能被5整除的数字：

<script type="text/javascript">
      //在1~100的范围内进行履历
for(var i = 1;i <= 100;i++){
   //看这个数是否满足条件
if(i % 3 == 0 && i % 5 == 0){
    console.log(i)
    }
}
</script>

{while循环}

1.结构：
while(判断条件)
{
循环语句
}

2.eg：

<script type="text/javascript">
var num=0;  //初始化值
while (num<=6)   //条件判断
{
  document.write("取出第"+num+"个球<br />");
  num=num+1;  //条件值更新
}
</script>

3.break可以手动结束“死循环”。

{do-while循环}

1.结构：
do
{
循环语句
}
while(执行条件)

2.eg：

<script type="text/javascript">
  var num= 1;   //num初值化数值为1
   do
   {
     document.write("数值为:" +  num+"<br />");
     num++; //更新条件
   }
   while (num<=5)  //执行条件
</script>

{继续循环continue}

1.continue的作用是仅仅跳过本次循环，而整个循环体继续执行。
语法结构：
for(初始条件;判断条件;循环后条件值更新)
{
if(特殊情况)
{ continue; }
循环代码
}
（与break放在一个位置，不同的是：break是结束循环，而continue是跳过本次循环继续循环）

二、课堂练习：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>3.10号课堂练习（循环语句）</title>
	</head>
	<body>
		<script type="text/javascript">
			//while循环结构
			//1. 初始条件  --  起点
			//2. 循环条件/判断条件  --  终点
			//3. 状态改变  --  圈数的改变
			//4. 循环体  --  要做的事情
			
			var a = 1;    //起点
			while( a <= 100){
				console.log("我在篮球场打篮球")  //  循环体
				a ++;  // 圈数改变，状态改变
			}
		</script>
		
		<script type="text/javascript">
			//break可以结束“死循环”
			var t = confirm("你喜欢我吗？");
			//true为死循环，也就是一直循环
			while(true){
				if(t == true){
					alert("好巧哦，我也喜欢你！！");
					break;
				}
				t = confirm("你喜欢我吗？");
			}
		</script>
		
		<script type="text/javascript">
			//do while循环结构
			
			var a = 1;
			do{
				console.log("我在篮球场打了篮球" + a + "次篮球")
				a++;
			}while(a <= 100);
		</script>
		
		<script type="text/javascript">
			//for循环
			for(var a = 1;a <= 100;a++){
				console.log("我在操场上跑圈，这是第" + a + "圈");
			}
		</script>
	
	<script type="text/javascript">
		//作业一：打印输出1~100中3的倍数
		for(var a = 1;a <= 100;a++){
			if(a % 3 == 0){
				console.log(a);
			}
		}
	</script>
	
	<script type="text/javascript">
		//作业二：求1~100的和
		var t = 0;
		for(var i = 1;i <= 100;i++){
			t = t + i;
			}
			console.log(t);
	</script>
	
	<script type="text/javascript">
		// //作业三：计算8的阶乘，即计算1*2*3*4*5*6*7*8；
		var t = 1;
		for(var a = 1;a <= 8;a++){
			t = t * a;
		}
		console.log(t);
		
	</script>
	
	<script type="text/javascript">
	 	//作业四：阶乘计算器，输入一个数算他的阶乘；（累乘器）
		
		var num = prompt("请输入一个非负整数：")
		var t = 1;
		for(var a = 1;a <= num;a++){
			t = t * a;
		}
		document.write(num + "的阶乘结果是：" + t);
	
	</script>
	
	<script type="text/javascript">
		//作业五：找到1-100之间含数字6和9的数；
		var i = 0;
		for(var t = 1;t <= 100;t++){
			if( t % 10 == 6 || t % 10 == 10 || parseInt( i / 10) == 6 || parseInt( i / 10) == 9){
				console.log(i);
			}
		}
	</script>
	
	<script type="text/javascript">
		//作业六：游戏逢七过；（continue可以跳过不符合条件的这一循环继续循环）
		for(var a = 1;a <= 60;a++){
			if(a % 7 == 0 || a % 10 == 7){
				continue;
			}
			console.log(a);
		}
	</script>
	
		<script type="text/javascript">
			//循环的嵌套：（外循环一次，内循环完整的循环全部）
			for(var i = 1;i <= 5;i++){
				console.log("这个是外层里的第" + i + "个数")
				for(var j = 1;j <= 5;j++){
					console.log("这个是内层里的第" + j + "个数")
				}
			}
		</script>
		
		
		<script type="text/javascript">
			//乘法守则表
			for(var i = 1;i <= 9;i++){
				for(var j = 1;j <= i;j++){
					document.write(i + "*" + j + "=" + i*j + "&nbsp&nbsp&nbsp&nbsp")
				}
				document.write("<br />")
			}
		</script>
	</body>
</html>