JavaScript语法

流程控制

• 顺序结构（自上向下）；
• 分支结构（选择结构）；

1. if  语句
2. switch  case 语句

• 循环结构

1. for循环语句
2. while 循环语句
3. for in（循环对象）

分支语句

- 1-if语句:  
    - `if(条件){  条件成立执行的语句  }`
    - `if(条件){  条件成立执行的语句  }else{ 条件不成立执行的语句 }`
    - if嵌套
    
    ```
            if(条件1){ 条件1成立执行的语句 }
            else if(条件2){ 条件2成立执行的语句    }
            else if(条件3){  条件2成立执行的语句    }
            ...
            else{ 前面条件都不满足执行的语句   }

    ```
- 2-switch case 语句：
    
    ```
        switch(变量或表达式){
            case 值1 : 代码; break;
            case 值2 : 代码; break;
            case 值3 : 代码; break;
            ...
            default:前面的case都没有匹配到,执行的语句;
        }
        
    ```

循环语句

- 1-for循环

    ```
        for(①初始化循环变量;②循环条件;④累加或递减操作){
            ③循环体:反复运行的代码
        }
    - for循环执行过程
       - 1- 执行①初始化循环变量
       - 2- 执行②判断是否满足循环条件
       - a-满足:执行③循环体
       - b-不满足:结束循环
       - 3- 执行④:累加或递减
       - 4- 继续执行②判断循环条件
     
    - -for循环的使用场景
       - 1)-遍历数组

    　　```
       　　 var ary = ['张三','李四','王五','赵柳','吴涛'];  //0-4
        　　　　for(var i = 0; i < ary.length; i++){
           　　　　 console.log(ary[i]);
       　　 }
   　　 ```
　　　  - 2)-批量生成标签

   　　 ```
   　　　　 <div id="box"></div>
   　　　　 <script>
      　　　　  var oBox = document.getElementById('box');
       　　　　 var str = '';
        　　　　//循环100次生成100个div
       　　　　 for(var i = 0; i < 100; i++){
           　　　　 str += '<div>' + (i+1) + '</div>';
       　　　　 }
       　　　　 oBox.innerHTML = str;
   　　　　 </script>

   　　 ```

 
  - 2-while循环

    　　```
       　　 初始化循环变量;
       　　 while(循环条件){
           　　 循环体;
           　　 更新循环变量;
     　　   }
 　　   ```
  　　 - -do-while
   　　  - 和while的区别,当条件不满足时,do-while会执行一次
   　　 ```
     　　   初始化循环变量;
      　　  do{
       　　     循环体;
         　　   更新循环变量;
      　　  }while(循环条件);
   　　 ```
   　　 - - continue :结束本轮循环,继续下一轮循环
   　　 - - break : 跳出整个循环

- 3- for in 对象操作

    ```
       var obj = {
            name:'优就业',
            age:18,
            1:'aaaa',
        };
        //查看属性值
        console.log(obj.age);
        // 添加属性
        obj.city = "北京";
        console.log(obj);
        //修改已有的属性值
        obj.age = 19;
        console.log(obj);
        //删除属性
        delete obj.name;
        console.log(obj);

        //当对象属性名是数字时,需要 obj[数字]
        console.log(obj[1]);

       console.log( obj['age'] );
       //如果属性名使用的是变量,也需要用obj[变量名]访问
       var a = 'age';
       console.log(obj[a]); 
    ```
　　- - for in循环
    ```
        for(var key in obj){
            //key是一个变量,代表的是对象的属性名
            //obj代表要遍历的对象
            //obj[key] 代表属性值
        }
    ```
    - for in循环会优先按升序遍历数字属性,其他属性按定义的顺序遍历