前端【JS】运算符、判断语句、循环语句

文章目录：

1. 1.运算符
2. 1.1 算数运算符
3. 1.2 比较运算符
4. 1.3 逻辑运算符
5. 1.4 赋值运算符
6. 2.判断语句
7. 2.1 if语句
8. 2.2 if-else语句
9. 2.3 if else-if else-if else语句
10. 2.4 swich-case语句
11. (2.5)三目运算符（三元运算符）
12. 3.循环语句
13. 3.1 while循环
14. 3.2 do while循环
15. 3.3 for循环
16. 3.4 continue   break

---

内容：

（一)运算符

一、算数运算符

    1.算数运算符   +  -   *   /    %  (取余)  

     【    ++自增加1        - - 自减少1

              如果参与到表达式中：

              如果++、-- 在前边，先自增或自减1，再赋值，

              如果++、--在后边，先赋值，后自增后自减1       】

 var num1=10,num2=5

           console.log(num1+num2);

           console.log(num1-num2);

           console.log(num1*num2);

           console.log(num1/num2);

           console.log(num1%num2);

二、比较运算符

    1.  > 比较运算符：>（大于）、    >= （大于等于）、    <（小于）、     <= （小于等于）、  

         != （不等于）、【  ==（等于）、  ===（绝对等于） 结果是布尔值(false或true)  】

 console.log(num1>num2);

        console.log(num1>=num2);

        console.log(num1<num2);

        console.log(num1<=num2);

        console.log(num1!=num2);

    2.  ==等于：值相等就可以；    ===绝对等于：数据类型和值都相等。

 var x=8,y='8'

           console.log(x==y);   //true

           console.log(x===y);   // false

三、逻辑运算符

    1. 逻辑运算符 &&（且：所有条件都满足才为真）

    2.  ||（或：只要有一个条件满足就为真）

    3. ！（非：取反）

<script>  

     var person={height:'1m',like:'羊',age:18}

 if(!(person.height=='11m'||person.like=='羊肉'||person.age==8)){

        alert("lala")

       }

</script>

四、赋值运算符

      =  +=   -=  *=   /=   %=

（二)判断语句

五、if 语句

       if(条件){符合条件执行代码}

<script>  

     var num=20

     if(num<5){

         alert("满足条件")

     }

 </script>

六、if-else语句

       if(条件){符合条件执行代码}else{不符合条件执行代码}

 <script>  
   var num=20
     if(num<0){
     alert("符合条件")
     }
     else{
         alert("不符合条件")
     }
 </script>

七、if else-if else-if else语句

       if(  ){    }  else if(  ){    }  else if(  ){    }  else{    }

       只要有一个满足条件，停止执行

<script>  
var score=5
     if(score>90){
        alert("非常优秀")
     }
   else if(score>80){
          alert("优秀")
     }
      else if(score>70){
         alert("nice")
     }
     else if(score>60){
         alert("及格")
     }
     else{
         alert("革命尚未胜利，同志还需努力")
     }
 </script>

八、swich-case语句

       switch-case  一般用来判断一个值

 <script>

   var num=10

switch (num) {

         case 9:

            alert(9)

           break;  //结束本次的语句

         case 10:

             alert(10)

             break;

         case 11:

             alert(11)

             break;

        default:   //不满足条件

             alert("默认")

             break;

     }

</script>

注意：  

       switch-case 一般用来判断一个值

       必须加break语句

九、三目运算符（三元运算符）

       条件？符合条件执行代码  ：符合条件执行代码

<script>  

var num=20

   num>5?alert("okok"):alert("nono")

      </script>

（三）循环语句

十、while循环

       符合条件就一直循环,循环多少次不固定

       while (条件) {符合条件执行代码}

       x--(先执行后减)  --x(先减后执行)   x++   ++x

 <script>  

   var x=10

     while (x>5) {

         x--;  //10,9,8,7,6

         console.log("符合条件一直循环");

     }

 </script>

十一、do while循环

      不管是否符合条件,先执行一次然后符合条件就一直循环,循环多少次不固定.

      do{符合条件执行代码}while（条件）循环次数不固定

<script>  

   do {

         console.log("符合条件执行代码");

         x--;

     } while (x>1);  //9 8 7 6 5 4 3 2

</script>

十二、for循环

     1. 一般配合数组使用，循环次数固定

        for(循环条件){执行代码}

<script>  

   var arr=[9,5,3,6,7,11,22]

     console.log(arr);

     for(var i=0;i<arr.length;i++){

         console.log(arr[i]+10);

     }

</script>

十三、continue:跳出本次循环  break：跳出整个循环

<script>  

   for(var i=0;i<10;i++){

         if(i==5){

             break

         }

         console.log(i)

     }

</script>