分支與循環(huán)解構(gòu)

1. 分支

分支主要分為:單分支,雙分支,多分支.
1 . 單分支

let status = true;
    if (status){
        console.log('hello,world');
    }

2 . 雙分支

    status = false;
    if(status){
        console.log('hello,world');
    }
    else{
        console.log('false');
    }
    // 三元運算符,雙分支語法糖
    status?console.log('hello,world'):console.log('false');;

3 . 多分支

    let time=10;
    if (time>=0 &&time<8){
       console.log('現(xiàn)在是凌晨');
    }else if (time>=8 &&time<12){
        console.log('現(xiàn)在是上午');
    }else if(time>=12 && time<=14){
        console.log('現(xiàn)在是中午');
    }else if(time>14 && time<18){
        console.log('現(xiàn)在是下午');
    }else if(time>=18 && time<=24){
        console.log('現(xiàn)在是晚上');
    }else {
        console.log('時間輸入錯誤');
    }
    // 多分支語法糖switch,如果是做區(qū)間查詢,switch()不是單值,就只需填上true  switch(true)
    time=20;
    switch(true){
        case time>=0 && time<8:
          console.log('現(xiàn)在是凌晨');
          break;
        case  time>=8 && time<12:
          console.log('現(xiàn)在是上午');
          break;
        case  time>=12 && time<=14:
           console.log('現(xiàn)在是中午');
           break;
        case  time>14 && time<18:
            console.log('現(xiàn)在是下午');
            break;
        case  time>=18 && time<=24:
            console.log('現(xiàn)在是晚上');
            break;
        default:
        console.log('時間輸入錯誤');
    }

2. 循環(huán)結(jié)構(gòu)

循環(huán)結(jié)構(gòu)主要分為,while和for.

• 循環(huán)三要素:

  • 初始化,從哪里開始,從哪里入口
  • 條件:從哪里結(jié)束,true繼續(xù)執(zhí)行,false停止執(zhí)行
  • 更新條件:避免死循環(huán)

1 . while和for

     //  從索引0開始
        let i=0   //初始化,從哪里開始,入口
        while(i<arr.length){  //條件,ture繼續(xù)執(zhí)行,false停止執(zhí)行
            console.log(arr[i]);   //執(zhí)行代碼
            i++;       //更新條件,避免死循環(huán)
        }
//     while的語法糖,for
      for(let i=0; i<arr.length;i++){
        console.log(arr[i]);
      }

2 . for - of

//   for-of :只能遍歷數(shù)組
     for(let value of arr){
        console.log(value);
     }

3 . for - in

//  for-in:遍歷對象
    let obj = {
        name:'張三',
        年齡:18,
        工資:5000,
    }
    for(let key in obj){
        console.log(key+':'+obj[key]);
    }

4 . forEach

   // forEach 遍歷數(shù)組
   // 語法:forEach(function(值,該值的說索引,正在遍歷的數(shù)組))
   arr.forEach(function(item,index,arr){
    console.log(item,index,arr);
   })
    //實際中,只有第一個參數(shù)是必選的,后面的2個參數(shù)可選
   arr.forEach(function(item){
    console.log(item);
   })
   //匿名函數(shù),所以可以用箭頭函數(shù)簡化
    arr.forEach((item)=>console.log(item))
    console.log('以下是map遍歷數(shù)組');

5 . map

    //map:遍歷數(shù)組
    //map和forEach 使用方法一樣,不同的是map有返回值(正在被遍歷的數(shù)組)
    arr.map((item)=>console.log(item)) 
   //以下是map簡化后的- 遍歷數(shù)組
    let res =  arr.map(item=>item) ;
    console.log(res);

3. 對象字面量簡化

對象字面量簡化包含屬性簡化和方法簡化:

        let username = '張五';
        let user= {
            username:username,
            fn:function(){
                return `hello,${this.username}`;
            } 
        }
        console.log(user.username);
        //對象字面量簡化
        /**
         * 屬性簡化:
         * 1 .屬性值如果來自同一作用域中的變量,可以只寫屬性名
         * 2. 屬性與變量名同名,可以只寫屬性,不寫變量
         * 方法簡化:
         * 刪除":function" 
         */
         //簡化后,代碼如下
         username = '張五';
         user= {
            username,
            fn(){
                return `hello,${this.username}`;
            } 
        }
        console.log(user.username);

4. 解構(gòu)賦值與應(yīng)用場景(克隆與傳參)

1. 解構(gòu)賦值

    let [uname,email] = ['admin','admin@qq.com']
        console.log(uname,email);
    //變量不足,默認值
        [uname,email,age=20] = ['admin','admin@qq.com']
        console.log(uname,email,age);
    //數(shù)據(jù)過多,剩余參數(shù)"..."
        [uname,email,...arr] = ['admin','admin@qq.com',40,5000]
        console.log(uname,email,arr);

2. 應(yīng)用場景

// 1. 克隆對象
         let item = {name:'手機',price:1900}
         let{...obj} = item;
        //  obj 就是由item克隆而來的fuzhipin,不是同一個
        console.log(item);
        console.log(obj);
        console.log(item==obj);  //返回false .說明不是同一個對象
//  2. 傳參
        let show = function(item){
            //item是object
            return `${item.name}:${item.price}`;
        }
        console.log(show({name:'手機',price:1900}));

批改老師：PHPz

批改狀態(tài)：合格

老師批語：