js学习笔记（4）

循环

1. 循环的目的：重复执行某些语句或者代码；
2. js中，有三种循环
   （1） for 循环

<script>
		// for (初始变量；条件表达式；操作表达式) {
		 	//循环体
		// }
		//初始换变量  就是用 var声明的一个普通变量；通常作为计数器使用
		//条件表达式  就是用来决定每一次循环是否继续执行  就是终止条件
		//操作表达式  就是每次循环最后执行的代码  经常用于我们计数器变量进行更新
		for(var i = 1; i <= 100; i++){
			console.log('你好吗？');
		}
</script>

<script>
		//for循环可以重复执行不同的代码  因为我们有计数器变量 i 的存在 i每次循环值都会变化
		//我们想要输入一个人 1~100岁
		// for(var i = 1; i <= 100; i++){
		// 	console.log('这个人今年' + i + '岁了！');
		//}
		for (var i = 1; i <= 100; i++) {
			if(i == 1){
				console.log('出生了');
			}else if(i == 100){
				console.log('这个人100岁，死了');
			}else{
				console.log('这个人今年' + i +'岁了！');
			}
		}
</script>	

<script>
		//1.求1~100之间的平均值  需要·sum和的变量  需要一个平均值的变量  average

		var sum = 0;
		var average = 0;
		for(var i = 0;i <= 100;i++){
			sum = sum + i;
		}
		average = sum/100;
		console.log(average);

		//2.求1~100之间所有奇数和偶数的和  
		var even = 0;
		var odd = 0;
		for(var i = 1;i <= 100;i++){
			if(i % 2 == 0){
				even = even + i;
			}else {
				odd = odd + i;
			}
		}
		console.log('1~100之间奇数的和为：' + even);
		console.log('1~100之间偶数的和为：' + odd);


		//3.求1~100之间所有能被3整除的数字的和
        var result = 0;
        for(var i = 1; i <= 100; i++){
        	if(i % 3 == 0){
        		result = result + i;
        	}
        }
        console.log(result);
</script>

双重for循环：

<script>
		//1.双重for循环  语法结构
		// for(外层的初始变量；外层的条件表达式；外层的操作表达式){
		// 	for(里层的初始换变量；外层的条件表达式；外层的操作表达式){
		// 	}
		// }
		//2.我们可以把里面的循环看作是外层循环的语句
		//3.外层循环循环一次，里面的循环执行全部
		//4.代码验证
		// for( var i = 1; i <= 3; i++){
		// 	console.log('这是外层·循环第' + i + '次');
		// 	for( var j = 1; j <= 3; j++){
		// 		console.log('这是里层循环第' + j + '次');
		// 	}
		// }
		var str = '';
		for(var i = 1; i <= 5; i++){
			for(var j = 1;j <= 5; j++){
				str = str + '☆';
			}
			str = str + '\n';
		}
		console.log(str);
</script>

<script>
		//打印九九乘法表
		//一共有九行，但是每行个数不一样，因此需要用到双重for循环
		//外层的for循环控制行数 i，循环9次，可以打印9行
		//内层的for循环控制每行公式 j
		//核心算法：每一行 公式个数正好与行数一致 ，j <= i;
		//每行打印完毕，都需要重新换一行
		var str = '';
		for(var i = 1;i <= 9; i++){
			for(var j = 1; j <= i; j++){
				// str = str +'☆';
				str += j + '×' + i + '=' + i * j + '\t'; 
			}
			str = str + '\n';
		}
		console.log(str);
</script>

（2）while循环

<script>
		//1.while 循环语法结构  
		// while (条件表达式){

		// }
		//2.执行思路  当条件表达式结果为true  则执行循环体  否则  退出循环
		//3.代码验证
		var num = 1;
		while(num < 100){
			console.log('你好吗');
			num++;
		}
		//4.里面应该也有计数器  初始化变量
		//5.里面应该也有操作表达式  完成计数器的更新  防止死循环
</script>

（3）do……while循环

<script>
		//1.do……while 语法结构
		// do{
			//循环体
		// }while(条件表达式)
		//执行思路  和while不同的地方在于do  while  先执行一次循环体 再判断一次条件 如果条件为真则继续执行循环体，否则退出循环
		//3.代码验证
		var i = 1;
		do{
			console.log('how are you?');
			i++;
		}while(i <= 100)
		//4.do……while至少执行一次循环体
</script>

continue 和 break

continue：用于跳出本次循环

<script>
		//continue 关键字  退出本次（当前次的循环）继续执行剩余次数循环
		//1.求1~100之间，除了能被7整数之外的整数和
		var sum = 0;
		for(var i = 1; i <= 100; i++){
			if (i % 7 == 0){
				continue;
			}
			sum += i;
		}
		console.log(sum);
</script>

braek: 退出整个循环

<script>
for(var i = 1; i<= 5; i++){
			if(i == 3){
				break;
			}
			console.log(i);//  1  2
		}
</script>