在某网课学习前端笔记整理js篇15-js条件、循环语句

js条件、循环语句

条件语句

条件判断中undefined、null、0、NaN、“”都代表false。

• if…else

  ​ if，else只有一个，中间可以有多个else if结构。各个分支都是互斥的，即满足一个分支的条件一定不会满足其他分支的条件。

  example

  <script>
    	var a = 80;
    if(a >= 90){
      console.log("你很优秀");
    }else if(a >= 80){
      console.log("你还可以");
    }else{
      console.log("你可拉倒吧");
    }  
  </script>
  

• switch…case

  ​ 和if…else 很像，但只能是对具体一个值的判断。

  example

  <script>
  	var day = 2;
    	switch(day){
        case 1:
          console.log("礼拜一");
          breack;
        case 2:
          console.log("礼拜二");
          break;
        ....
        case 7:
        	console.log("礼拜天");
          break;
        default:
          console.log("搞事？");     
    	}
    /*输出礼拜二*/
  </script>
  

  break是跳出switch语句，不继续往下执行，如果少了的话，会继续往下执行。

• 三目运算

  ​ 语法是"语句a ? 语句b ： 语句c"。如果a为true，执行b，否则执行c。

  example

  扫描二维码关注公众号，回复： 9644248 查看本文章

  <script>
  	var a = 1,b = 2;
    	a > b ? console.log(a+b) : console.log(a-b);
  </script>
  

循环语句

• for,for…in,for…of

  ​ for循环没啥说的。for...in和for..of都是对数组或对象的属性进行遍历，但前者是包含下标的,后者不能遍历对象。

  example

  <script>
    	var i = 0;
    for(; i++ < 10;){
      console.log(i);
    }
    var arrs = ['1','2','3'];
    for(index in arrs){
      console.log(arrs[index]);
    }
    for(arr of arrs){
      console.log(arr);
    }
    var car = {
      name:'奔驰',
      owner:"me"
    };
    for (pro in car){
  	console.log(pro+":"+car[pro]);
    }
    //这里的pro是对象的属性名。
  </script>
  

  ​

• do…while,while.

  ​ do...while和while差不多，循环执行直到不满足条件。不同的是do...while 是先执行，在判断，也就是必须得执行一次。

  example

  <script>
  	var i = 0;
    while(i++ < 10){
      console.log(i);
    }
    do{
      console.log(i);
    }while(i++ <10);
  </script>
  

  ​

• break,continue

  **break:**用于跳出循环,不继续执行循环了（这里指的是外面的最近的一层循环）。

  **continue:**用于跳出循环，然后继续执行下一次的循环。

  ​