多分支语句、while循环、for循环

多分支语句

多分支语句:使用 switch 语句来选择要执行的多个代码块之一。关键字switch之后紧跟着圆括号括起来的一个表达式,随后是一对花括号括起来的代码块。
作用: 提供了多个分支,功能类似if-else级联式,但是代码的可读性更好。
语法:当执行这条switch语句的时候,它首先计算表达式的值然后查找case子句中的表达式是否和表达式的值相同(这里的“相同”是按照“===”运算符进行比较的)。如果找到匹配的case,那么将会执行这个case对应的代码块。如果找不到匹配的case,那么将会执行“default:”标签中的代码块。如果没有“default:”标签,switch语句将会跳过它的所有代码块。

switch(表达式){
					case 值1:
					   代码段1
				        break;			      
				    case 值2: 
				       代码段2
				        break;				    
				    case 值3:
				       代码段3
				       break;				    
				   default:
				        代码段4;
				         break;
			}

注意事项 1. switch 后面是整型 或字符型的表达式
2. case 后面是整型或者字符型的常量
3. break: case和default 默认都跟随一个,用于结束当前语句
4.default: 类似于 if-else 中的else 。如果case的值,都无法和表达式匹配,那 么执行default后的代码。
练习:输入一个m,男性;输入一个f,女性; 输入一个h, 哈哈哈;否则,未知。

var v = prompt("请输入一个字符");
	switch(v){
			case 'm':
			alert("男性");
			 break;
				 
			case 'f':
   			alert("女性");
			break;
				
			case 'h':
			alert("哈哈哈");
			break;
				 
			default:
			alert("未知");
			break;
	}

prompt() 输入框:返回的数据,默认是字符串类型。即使不是,也会自动转换。

数据类型转换:

1 . 隐式转换 (自动转换):变量里,存储的数据是什么类型, 这个变量就是什么类型。

< script>
     var a = 10;
      a = "1";
< /script>

2.显示转换 (手动转换)
parseInt() : 将小括号中的内容, 转换为Number类型, 并返回。
String() : 将括号中的内容,转换为字符串。 并返回

< script>
     var a = 10;
      a = "1";
      console.log(typeof a);                     // string
	  console.log(typeof parseInt(a));      // Number
	  console.log(typeof String(10));
< /script>

练习:

var s = prompt("请输入一个数字");		
		console.log(typeof s);
		switch(parseInt(s)){
				
				case 1:
				  alert("李现");
				 break;
				 
				case 2:
				alert("热巴");
				break;
				
				case 3:
				 alert("丁丁咣");
				 break;
				 
				case 4:
				 alert("光定达");
				 break; 
				 
				default:
				  alert("未知");
				  break;
			}

while循环

基本结构: 注意:使用while(true)将会创建一个死循环。

 1. 循环变量    记录循环的次数
			var x = 0;
			
			while(x < 3){    //2. 循环条件
				
			3. 循环体
				console.log("今天的。。。。");
				
			  4. 循环增量
				x++;
			}

练习,输出10遍,~~~

       var z = 0;
		
		while (z < 10){
			console.log("从此相逢是路人");
		
			z++;
		}

for循环

基本结构:

for(1.循环变量; 2.循环条件; 4.循环增量){
				
				 3.循环体
			}
			
			for(var i = 0; i < 2; i++){
				console.log("我要开始变身了");
			}

break 和 continue 它俩之间不得不说的故事
相同点: 都可以改变循环执行的状态, 都不能单独使用; 之后的代码都不再执行
不同点: 1. break在分支语句中,用于结束整个分支 语句,continue则不是;
2. 在循环中, break结束当前整个循环,继续执行下一个功能。
continue则是结束本轮循环,继续下一轮循环;
document.write() : 输出到页面;
用于控制台无法很好的显示 时 的测试,
因为它会覆盖当前页面的所有内容
练习:

 1.  *
     **
     ***
            for(var h1=1; h1<4; h1++){
            	for(var h2=0; h2<h1; h2++){
            		document.write("* ");
            	}
            	document.write("<br />");
            }
         
          document.write("<br />");
          
  2. ***
     **
     *

            for( var w1=0; w1<3;w1++){
            	for ( var w2=3; w2>w1;w2--){
            		document.write("*");
            	}
            	document.write("<br 、>");
            }
  
  3.  1
      12
      123
            for(var g=1;g<5;g++){
            	for(var g1=1; g1<g; g1++){
            		document.write(g1);	
            	}
            	document.write("<br />");
            }
            
          document.write("<br />");


  4.   123
       12
       1
              
              for(var g=0; g<=3;g++){
              	for(var g1=1; g1<=3-g;g1++){
              		document.write(g1);
              	}
              	document.write("<br />");
              }
   

  5.  321
      32
      3
            for(var y=0;y<4; y++){
            	for(var y1=3;y1>y;y1--){
            		document.write(y1);
            	}
            	document.write("<br />");
            }
          
          document.write("<br />");
  

6.  3
    32
    321
         for(var y=1;y<4; y++){
        	for(var y1=3;y1>3-y;y1--){
          		document.write(y1);
         	}
          	document.write("<br />");
         }
 7.  **
     ***
     ****
          for(var j=2; j<5;j++){
          	for(var k=1; k<=j;k++){
         	document.write("*");          		
          	}
          	document.write("<br />");
          }
发布了42 篇原创文章 · 获赞 0 · 访问量 878

猜你喜欢

转载自blog.csdn.net/cybcc/article/details/104123395
今日推荐