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

一、在循环中用到的很多

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>

练习三：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>

练习四：输出九九乘法表

	<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>

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

	<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>

	<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>

练习六：打印正三角

	<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>

练习七：求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>