JS中的条件语言

条件语句及其用法

一，if语句

if：（表达式隐式转换后为true进入语句）
例如：var a=3 if（条件）{如果条件为true时进入语句块}

注意： i=0 赋值会返回等号右侧的值，
i 0比较，是隐式转换后的比较，i有可能是“”，0，false，这三种值都会进入条件
i===0精确比较，只有i是0的时候才可以进入条件

var obj;
if(obj.a){
     console.log("a");
}//显示undefined     因此如果要判断变量是否存在某个属性，要使用熔断，将判断obj是否存在加入
if(obj&&obj.a){

if else 语句理论报错后不会执行else语句

if(b>3){   console.log("aaa");   }
else{    console.log("bbb");    }
//因为b没有被定义所有会报错

如果报错后还想执行，可以使用

try{
      尝试执行的语句块
}catch(error){
       //如果尝试执行的语句块错误失败，会执行该代码块
       //报错后，不继续执行后面的语句，直接执行catch
}finally{
       //不管上述哪种都会执行该代码块
}

多分支条件判断

a=90;
            if(a>=90 && a<=100){
                console.log("甲等");
            }else if(a>=80){
                console.log("乙等");
            }else if(a>=70){
                console.log("丙等");
            }else if(a>=60){
                console.log("丁等");
            }else{
                console.log("不及格");
            }
            
// 上面的一次判断，条件可以根据上次的省略部分
// 下面的多次判断,条件必须全面

		  if(a>=90 && a<=100){
                console.log("甲等");
            }
            if(a>=80 && a<90){
                console.log("乙等");
            }
            if(a>=70 && a<80){
                console.log("丙等");
            }
            if(a>=60 && a<70){
                console.log("丁等");
            }else{
                console.log("不及格");
            }

• 遇到多分之条件时，触发条件次数多的写在上面，触发条件次数少的写在下面
• 如果语句块仅有一句时，花括号可以省略 如果没有{}，默认仅执行条件语句的第一句

二，swich语句

跟if一样是控制语句进出入的，将表达式的返回值转换成布尔值，然后进行判断要不要进入swich语句

 switch(表达式)
            case 值1:
            break;
            default :
           
// 状态分支  状态机
 switch(表达式){
                case "值1":
                //  当满足表达式的值绝对与值1相等(===)执行这里的语句
                case "值2":
                // 如果值1的语句后面没有使用break,则自动穿越值2,不判断相等,直接执行值2后面的内容
                //  当满足表达式的值绝对与值2相等(===)执行这里的语句
                break;//当使用break,不继续向下穿越跳出该条件语句
                default:
                // 默认如果表达式与以上所有值都不相等时,执行default后面的语句
                // 一般default中不需要写 相等条件和break
      
  var s=90;
//如果switch判断的内容不是相等(确定)情况下，可以使用true作为switch的表达式
//在case中描述条件，用条件为true的执行对应的语句
        switch(true){
            case s>=90 && s<=100: 
            console.log();
            break;
            case s >=80: 
            console.log();
            break;
            case s >=70: 
            console.log();
            break;
            default:
        }
 //颜色变化红黄绿靛蓝紫红循环
 	    var r=255,g=0,b=0;
        var state=0;
        var div1 = document.getElementById("div1");
        setInterval(function(){
            switch(state){
                case 0: 
                    g++; 
                    if(g===255) state=1;
                    break;
                case 1: 
                    r--; 
                    if(r===0) state=2;
                    break;
                case 2: 
                    b++; 
                    if(b===255) state=3;
                    break;
                case 3: 
                    g--;
                    if(g===0) state=4;
                    break;
                case 4: 
                    r++; 
                    if(r===255) state=5;
                    break;
                case 5: 
                    b--;
                    if(b===0) state=0;
                    break;
                
        }
        div1.style.backgroundColor="rgba("+r+","+g+","+b+",1)";
        },16)

 // 当条件在处理时发生冲突,需要考虑使用状态来做为唯一判断标准

三，循环语句

while循环

三要素:
1、初始变量
2、进入循环的条件
3、有不断向循环外变化的表达式
while(表达式) 如果表达式隐式转换为布尔值时是true，则进入循环

小练习

求出1的个数
   	 var i=15;
       var n=1;
       while(i=i&(i-1))n++;
       console.log(n);

用while循环做出斐波那契数列

 var n=0;
       var m=1;
       var s=n+m;
       var o;
      
       while(m<100){
           o=m;
           m=n+m;
           n=o;
           s+=m;
      
       }
       console.log(s,str);

用while循环求水仙花数

//求水仙花数     100-999   135=1*1*1+3*3*3+5*5*5
       var n=100;
       while(n<1000){
           var a1=parseInt(n/100);
           var a2=parseInt(n%100/10);
           var a3=n%10
           if(n===a1*a1*a1+a2*a2*a2+a3*a3*a3) console.log(n);
           n++;
       }

用循环在table中添加单元格

//在table中用循环添加单元格
   	var table1=document.getElementById("table1");
       var row=0;
       var col=0;
       var str="";
       while(row<10){
           str+="<tr>";
           col=0;//每次循环后必须重新归位
           while(col<10){
               str+="<td></td>";
               col++;
           }
           str+="</tr>";
           row++;
       }
    table1.innerHTML=str;

给数组添加随机数

// 给数组中添加30个不同的随机数
   		 var arr=[],a,i=0;
           while(arr.length<30){
               a=parseInt(Math.random()*100);
               var flag=true;
               while(i<arr.length){
                   if(a===arr[i]) flag=false;
                   i++;
               }
               if(flag===true) arr.push(a);

           }
           console.log(arr);

continue和break的区别

给循环增加别称,可以通过break 别称;跳出指定的循环

如果满足条件,continue后面的语句不继续执行,仍然循环,而break是直接跳出当前循环;

continue在多个条件中间不进入时使用最为方便;

 var i=0;
     var n;
    
    while(i<10){
         n=0;
         while(n<10){
             n++;
             if(i===5 && n===5) break;
             console.log(i,n);
         }
         i++;
     } 

   while(i<10){
        n=0;
        while(n<10){
            n++;
            if(i===5 && n===5) continue;
            console.log(i,n);
        }
        i++;
    } 

拓展：字符串的方法 charCodeAt()获取字符串中指定位置字符的ASCII码

      //a 97 z 122 A65 Z90 0 48 9 57
      //String.fromCharCode()将ASCII码转换为字符
      
	  var i=48;
      while(i<123){
          if(i>57 && i<65 || i>90 && i<97){
              i++;
              continue;
          }
          console.log(String.fromCharCode(i));
          i++;
      }

用while循环求2-100之间所有的质数练习

//求2-100之间的所有质数
 // 57   2-56
        var i=2;
        var n;
        var flag;
        while(i<100){
           n=2;
           flag=true;
           while(n<i){
               if(i%n===0){
                flag=false;
                break;
               }
               n++;
           }
           if(flag) console.log(i);
            i++;
        }

关于深度遍历和广度遍历

 //广度遍历 深度遍历
      var link={value:1,next:{value:2,next:{value:3,next:null}}}
      while(link){
          console.log(link.value);
          link=link.next;
      }

var tree={value:1,left:{value:2,left:{value:3,left:{value:4,left:null,right:null}},right:null},right:null};
      var arr=["a","b","c","d","e"];
      var o={value:1,a:{value:2,b:{value:3,c:{value:4,d:{value:5,e:{value:6}}}}}}
      var i=0;
      while(o){
          console.log(o.value);
          var key=arr[i];
          o=o[key];
          i++;
      }

do while循环

先执行,后判断条件是否继续循环

尽量规定左侧条件,以根据第一次执行语句块完成后判断是否继续循环

适合用于循环条件不确定,并且没有初值

		var s;
        do{
            s=parseInt(Math.random()*100);
            console.log(s);
        }while(s<50);
        console.log(s);

for循环
是我们用到的最多的一种循环，尤其是在之后的数组当中，遍历数组必备

		var i=0  在循环前仅作1次
        i<10  在循环前判断是否进入循环 ,每次判断
        i++ 在循环语句块执行完成后,下一次循环条件判断之前执行表达式
        for(var i=0;i<10;i++){
     }

	1.	for(var i=10;i;i--){
            console.log(i);
        }
        
	2.	for(var s=0,i=0;i++<100;s+=i,console.log(s));
        console.log(s);
        
    3. var link={value:1,next:{value:2,next:{value:3,next:{value:4,next:null}}}};
       for(;link;link=link.next) console.log(link.value);