欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Javascript流程控制——for语句练习

程序员文章站 2022-06-24 15:43:02
...

一、在循环中用到的很多

1、可用于循环次数多的地方。

2、可用于循环次数不确定,但是有循环结束条件的循环

for(1.初始化表达式;2循环条件表达式;4.循环后操作表达式){

        3.执行语句

}

二、执行流程

1、执行初始化表达式

2、如果循环体中的表达式为真,

3、则自动执行语句

4、循环后的表达式

5、进入到2-3-4循环直到表达式 不符合后跳出循环

三、练习

练习一、输出0到9分别用while和for循环

有时候我们会不知道什么情况下用到for什么情况下用到while

当i在外部用不到的情况下就用for循环

当i在外部还要用到情况下用while循环

	<script type="text/javascript">
		for(var i=0;i<10;i++){
			console.log(i);
		}
	</script>
	<script type="text/javascript">
		var i=0;
		while(i<10){
			console.log(i);
			i++;
		}
	</script>

练习二:打印好友列表

	<script type="text/javascript">
//		好友列表一
//		好友1
//		好友2
//		好友3
//		好友列表二
//		好友1
//		好友2
//		好友3
		for(var i=1;i<=2;i++){
			console.log("好友列表1"+i);
			for(var j=1;j<=3;j++){
			console.log("好友"+j);
				
			}
		}	
	</script>

Javascript流程控制——for语句练习

练习三:for循环嵌套实现在页面中的矩形绘制

	<style type="text/css">
		span{
			border: 2px solid pink;
			display: inline-block;
			margin: 5px;
			padding: 2px;
		}
	</style>
<script type="text/javascript">
		//外循环控制行数
		for(var i= 1;i<=3;i++){
			//内循环控制列数
			for(var j=1;j<=4;j++){
				window.document.write("*");
			}
			window.document.write("<br>");
		}		
	</script>

Javascript流程控制——for语句练习

练习四:输出九九乘法表

	<script type="text/javascript">
		//外循环控制行数
		for(var i= 1;i<=9;i++){
			//内循环控制列数
			for(var j=1;j<=i;j++){
				var sum=i*j;
				window.document.write(i+"*"+j+"="+sum);
			}
			window.document.write("<br>");
		}		
	</script>

Javascript流程控制——for语句练习

练习五:三角矩阵成倒三角显示

	<script type="text/javascript">
		//外循环控制行数
		for(var i= 1;i<=9;i++){
			//内循环控制列数
			for(var j=i;j<=9;j++){
				window.document.write("*");
			}
			window.document.write("<br>");
		}		
	</script>

Javascript流程控制——for语句练习

	<script type="text/javascript">
		//外循环控制行数
		for(var i= 0;i<10;i++){
			//内循环控制列数
			for(var j=0;j<=i;j++){
				
				window.document.write(j+1+" ");
			}
			window.document.write("<br>");
		}		
	</script>

Javascript流程控制——for语句练习

练习六:打印正三角

	<script type="text/javascript">
		//外循环控制行数
		for(var i= 0;i<6;i++){
			//内循环控制列数
			for(var j=0;j<6-i;j++){				
				window.document.write("-");
				
			}
			for(var z =0;z<i*2+1;z++){
					window.document.write("*")
				}
			window.document.write("<br>");
		}		
	</script>

Javascript流程控制——for语句练习

练习七:求1-100之间所有函数的和,所有奇数的和

	<script type="text/javascript">
		//求1-100之间所有函数的和,所有奇数的和
		//定义变量		
		var jssum=0;
		var ossum=0;
		//循环遍历1-100
		for(var i=1;i<=100;i++){
			//判断奇数还是偶数
			if(i%2===0){
				jssum+=i;
			}
			else{
				ossum+=i;
			}
		}
		//输出结构
		console.log(jssum);
		console.log(ossum);			
	</script>

练习八:本金10000存银行,年利率千分之三每过一年将本金和利息作为下一年的本金计算5年后有多少

	<script type="text/javascript">
		//本金10000存银行,年利率千分之三每过一年将本金和利息作为下一年的本金计算5年后有多少
		//定义变量
		var money=10000;
		var lixu=0.003;
		for(var i=1;i<=5;i++){
			money*=(1+lixu);			
		}
		//输出
		alert(money);
	</script>
Javascript流程控制——for语句练习














相关标签: javascript for