02.JS-流程控制语句

这篇文章是我自己在学习js过程中做的笔记,如果有错误或者遗漏的请评论告诉我。希望大家一起学习!

笔记内容主要有:流程控制语句

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <script>
    
    // 1.输出对话框:prompt("提示信息",默认值)

        var a = prompt("你的名字是:","");
        console.log(a,typeof a);
        
        // 确定:得到输入的值或默认值  类型为string类型
        // 取消:得到null   类型为object类型
        
        
    // 2.单分支语句:if语句
    	
    	/* 	结构:
    	 * 
    	 * 	if(条件A){
    	 * 		要执行的代码B (条件A成立时执行代码B)
    	 * 	}
    	 * 
    	 * 	注意:只有当条件A成立时,才执行代码B,否则不执行。
    	 */
    	
    	
    // 3.双分支语句:if...else语句	二选一
    
    	/*	结构:
    	 * 	
    	 * 	if(条件A){
    	 * 		要执行的代码B (条件A成立时执行代码B)
    	 * 	}else{
    	 * 		要执行的代码C (条件A不成立时执行代码C)
    	 * 	}
    	 * 
    	 */
    	
    	// if...else语句例子:   输入1-100之间的整数,判断是偶数还是奇数?
    	
		 	var num = prompt("输入1-100的整数",0);
		 
    	 	if(num%2 == 0){				(判断能否被2整除,如果能整除就是偶数,否则就是奇数)
    	  		alert(num+"是:偶数");
    	  	}else{
    	  		alert(num+"是:奇数");
    	  	}
    	  
    	 

    
    // 4.多分支语句:if...else if...else语句	多选一
    
    	/*	结构:
    	 * 
    	 * 	if(条件A){
    	 * 		要执行的代码B (条件A成立时执行代码B)
    	 * 	}else if(条件B){
    	 * 		要执行的代码C (条件B成立时执行代码C)
    	 * 	}else if(条件C){
    	 * 		要执行的代码D (条件C成立时执行代码D)
    	 * 	}
    	 * 	...
    	 * 	else{
    	 * 		以上条件都不满足,则执行else中的代码块
    	 * 	}
    	 * 
    	 * 	注意:else可以省略    越苛刻的条件要放在前面
    	 */
    	
    	
    // 5.多分支语句:switch...case语句
    	
    	/* 结构:
		 
    	 switch(判断的值){
    	  	
    	  	case 值A:
    	  	执行的代码块A;
    	  	break;
    	  
    	  	case 值B:
    	 	执行的代码块B;
    	  	break;
    	  
    	  	case 值C:
    	  	执行的代码块C;
    	  	break;
    	  
    	  	...
    	  
    	 	default:
    	  	执行的代码块D;
    	 
    	  }
    	  
    	  注意:switch...case语句判断是  判断值的大小也判断数据类型  (全等于 ===)
    	  
    	  switch...case与if...else if...else的区别:
    	 
    	  switch...case: 判断值的大小
    	  if...else if...else: 判断值的大小也可以判断值的范围
    	*/
    	
    	//	switch...case语句例子: 输入1-4的整数判断季节
    	  
    	  	var a = prompt("请输入1-4的整数:",0)
    	  	a = parseInt(a);	//由于a输出后是string类型,在case值中判断类型不一致,所以要强制转换为number类型
    	  	
    	  	switch(a){
    	  		
    	  		case 1:
    	  		console.log("春天");
    	  		break;
    	  
    	  		case 2:
    	 		console.log("夏天");
    	 		break;
    	  
    			case 3:
    	 		console.log("秋天");
    	  		break;
    	
    	  		case 4:
    	 		console.log("冬天");
    	  		break;
    	  
    	  		default;
    	  		console.log("不在四季中");
    	  	}
    	  
    	 


	//  6.for循环语句:先判断 后执行    重点掌握
				 
		/* 结构
			
			for(初始变量;循环条件;更新循环变量){
				执行循环体
			}

			执行过程:
				第一步:初始化变量	i=0
				第二步:判断是否满足循环条件	i<10
				第三步:根据第二步的结果进行选择:
						false:结束循环
						true:执行循环体
				第四步:更新循环变量	i++
				第五步:返回第二步

			for(i=0;i<10;i++){
				循环体
			}
			i=10
			注意:循环结束后i的值等于第一次不满足循环条件的取值
*/

			/*
              深入了解:
				1.更新循环变量可以双向增减
				2.更新循环变量:每次增加或减少的量可以修改
				3.更新循环变量一定是一个赋值运算
*/

				for(i=1;i<=10;i++){     打印1-10之间的整数
					console.log(i);
				}

				for(i=1;i>=1;i--){		打印10-1之间的整数
					console.log(i);
				}

				for(i=1;i<=100;i+=3){	打印1,4,7,10...100之间的整数
					cogsole.log(i);
				}
		
		
		
	//  7.for/in循环语句:遍历对象属性(主要针对对象)
		
		/*结构:
		   
		   for (x in 对象名){  // x 为属性名
		   		循环体
		   }
		   
		   
			
		*/
	        //例:
		 	var person={fname:"John",lname:"Doe",age:25}; 
 
			for (x in person){  // x 为属性名
				console.log(x);		//输出键名
			    console.log(person[x]);		//输出键值
			}

	//  8.while循环语句:先判断 后执行        了解

		/*结构:
			
			初始化变量
			while(循环条件){
				循环体;
				更新循环变量
			}

			执行过程与for循环一样

		*/


	//  9.do...while循环语句:先执行 后判断         了解

		/*结构:

			初始化变量
			do{
				循环体
				更新循环变量
			}while(循环条件);

			执行过程:
				第一步:初始化变量
				第二步:执行循环体
				第三步:更新循环变量
				第四步:判断是否满足循环条件
				第五步:根据第四步的结果进行选择:
						false:结束循环
						true:返回第二步		
		*/

	
	//	10.Break 和 Continue 语句
		
		//break语句用于跳出循环
		
		//continue 用于跳过循环中的一个迭代,继续执行之后的代码
		
		//continue语句:该例子跳过了值 3:
		 	for (i=0;i<=10;i++){
			    if (i==3) continue;
			    console.log(i);
			}
		
		// 跳出多层循环:   break 循环名称、continue 循环名称
		
		//例:
		 	aaa:for(i=0;i<5;i++){
		 		bbb:for(i=0;i<5;i++){
		 				break aaa;  //跳出aaa循环
		 		}
		 	}
		 
		
	
	
	//  11.死循环:导致浏览器崩溃

			// 循环条件永远为真
			// 无更新循环变量


    </script>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_43161149/article/details/82790179