04.JS邏輯結構

前言：
  學習一門編程語言的基本步驟
（01）瞭解背景知識
（02）搭建開發環境
（03）語法規範
（04）常量和變量
（05）數據類型
（06）數據類型轉換
（07）運算符
（08）邏輯結構
8.邏輯結構——logic
   程序=數據+算法
   程序分爲順序執行，選擇執行，循環執行
   (1)流程控制—選擇執行
      1）if語句 結果爲真的時候
          if(條件表達式){
          語句1;
          }
          語句2;
          注意：if後的大括號中若是隻有一行語句，則能夠省略大括號.

    //if語句
    //若是滿30就減15
    var total=32;
    if(total>=30){//若是total金額大於等於30
    total-=15;//在原來基礎上減15
    }
    console.log(total);//17

    //練習：聲明一個變量保存年齡，若是滿18，打印成年人
    var age=19;
    if (age>=18)
    {console.log('成年人');
    console.log('能夠去網吧');
    }

    var age=19;
    if (age>=18)
    console.log('成年人');//只有一行語句，的時候能夠省略{}，也能夠寫一行

    //練習：若是簽名內容爲空，設置默認簽名
    //聲明變量保存簽名內容，若是簽名爲空，設置默認簽名‘這傢伙很懶什麼也沒留下’，打印簽名內容
    var page='好熱啊';
    //if (page==='')//判斷是否爲空。
    if (!page)
    // !''->!false -> true
    {page='這傢伙很懶，什麼也沒留下';
    }
    console.log(page);//好熱啊

          在條件表達式中，有一些值默認表明false
          數值型的false的狀況：0,NaN,
          字符串型的false的狀況：'',空字符
          未定義的false的狀況：undefined
          空的false的狀況：null

    if (0)
    { console.log('hello');
    }//不打印

    if (1)
    { console.log('hello');
    }//打印hello

   2）if-else語句 若是前面是假就執行後面的條件表達式
        if（條件表達式）{
        語句1;
        }else{
        語句2;
        }

    //if-else語句
    //聲明變量保存性別，0/1，若是是0打印女，不然打印男
    var sex=0;
    if (sex===0){
    console.log('女');
    }else{
    console.log('男');
    }

    //練習：聲明變量分別保存用戶名和密碼，若是用戶名是root，而且密碼是123456，打印登陸成功，不然打印登陸失敗
    var uname='rojot';
    var upwd='123456';
    if (uname==='root' && upwd==='123456'){
    console.log('登陸成功');
    }else{
    console.log('登陸失敗');
    }

   3）if-else 嵌套，解決多項分支選擇
        if （條件表達式1）{
        語句1;
        }else ...if（條件表達式n）{
        語句n;
        } else{
        語句n+1;//以上的條件表達式都是false，就執行該語句
        }

    //if-else 嵌套
    //聲明變量保存一我的的成績，根據成績打印對應的漢字
    var score=56;
    if (score>=90){
    console.log('優秀');
    }else if(score>=80 && score<90 ){
    console.log('良好');
    }else if(score>=70 && score<80 ){
    console.log('中等 ');
    }else if(score>=60 && score<70 ){
    console.log('及格');
    }else{
    console.log('不及格');
    }

   4）switch-case   是一種特殊的多項分支語句，只有一種比較方式，就是全等於===
        switch-case ——轉換器-狀況
        break             ——結束打破
        switch（表達式）{//一般是一個變量
        case 值1 ：//若是表達式的值是 值1，
        語句1；
        break；//結束後面的語句
        ...
        default：
        語句n+1；//若是表達式的值和case中的值比較都是false，纔會執行n+1
        }
        注意：表達式在和case後的值比較的時候，使用的是全等於，要求值和類型都相同。

    //switch-case語句
    //根據星期的狀態碼，來打印對應的漢字0-6
    var date=0;
    switch (date)
    {
    case 0:
    console.log('星期日');
    break;
    case 1:
    console.log('星期一');
    break;
    case 2:
        console.log('星期二');
    break;
    case 3:
        console.log('星期三');
    break;
    case 4:
        console.log('星期四');
    break;
    case 5:
        console.log('星期五');
    break;
    case 6:
        console.log('星期六');
    break;
    default:
    console.log('錯誤的星期代碼');
    }

        總結1：對比 if-else嵌套和switch-case的區別
                  相同點：二者均可以用於多項分支語句
                  不一樣點：if-else能夠判斷相等或是不等的狀況。使用 範圍更普遍；
                              switch-case只能用於全等於的比較，結構上給爲清晰合理，可讀性高，執行效率更高

   (2)流程控制——循環執行
      循環：一遍又一遍執行相同或是類似的代碼。
      循環的兩個要素：
      循環條件：控制執行循環的次數，
      循環體：重複執行的相同或是類似的代碼
      1）while循環
          while（循環條件）{
          循環體
          }//當循環條件爲true的時候，循環體運行中，循環條件是false的時候，循環結束

    //while循環
    //循環產生10-20之間全部的數字，並打印出來
    var num=10;
    while (num<=20){//循環條件
    console.log(num);
    num++;//循環體
    }
    //練習:計算1-100之間全部偶數和
    var i=1;//聲明變量i
    var sum=0;//聲明變量sum
    while (i<=100){//循環條件，若是I小於等於100
        if(i%2===0){//計算爲偶數的條件，
        sum+=i;     //sum等於sum加i
       }
    i++;//自增
    }
    console.log(sum);//2550

      2）break打破循環
          在循環中，能夠提早結束任何形式的循環
          isNaN（）判斷一個值是否爲NaN 是—>TRUE 不是—>false

    //break打破循環
    //打印數字1-10
    var i=1;
    while (true){//不停+1，沒有結束
       console.log(i);//每循環+1一次就打印一次數字
       if (i===10){//當i爲10的時候
       break;//結束循環
       }
       i++;//循環+1
    }//輸出結果爲1-10每一個數字都打印一遍
    // 在這裏須要注意console.log(i)和 i++;的位置，位置不同，輸出的效果不同，咱們這裏的需求是打印數字1-10

    /*————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————*/

    //下面須要用到瀏覽器端函數，簡單解釋一下
    //alert（）  彈出警示（消息）框
    //prompt（） 彈出提示（輸入）框，須要使用變量來保存輸入的值，默認類型是字符串類型，若是輸入框中內容爲空，返回空字符（''）,若是點擊取消返回null、

    //練習：聲明一個變量保存一個數字。無限循環彈出提示框，並輸入數字，若是輸入的數字大於保存的數字，彈出警示框提示 ‘big’，
    //若是輸入的數字小於保存的數字，彈出警示框提示‘small’，不然彈出警示框提示‘right’，結束循環。
    var num=102;
    while(true){
        //彈出提示框
        var  str=prompt('input a number');
        //若是輸入大於以前的值
        if (num<str){
        alert("big");
        //若是輸入的值小於以前的數字
        }else if (num>str){
        alert("small");
        }else{
            //判斷是否爲數字，若是不是，提示
            var str2=Number(str);
            //isNaN，是不是NaN  ——>true
            if (isNaN(str2)){
            alert('input a number');
            }else{
            //猜對
            alert("right");
            break;
            }//注意這裏空字符轉數值爲0
        }
    }

      3）do-while循環 先執行一遍循環體，在判斷循環條件，即便循環條件爲false，也會在執行一遍循環體。
           do{
           循環體
           }while（循環條件）;

        //do—while循環
        //循環產生1-10之間全部的整數
        var i=1;
        do{
        console.log(i);
        i++;
        }
        while (i<=10);

        /*———————————————————————————————————————————————————————————————— */

        //練習：聲明變量保存123456，循環彈出提示框輸入密碼，若是輸入正確結束循環。
        var upwd="123456";
        do{
        //保存輸入的密碼
        var str=prompt('input password');
        //判斷輸入的密碼是否正確
        if (str===upwd){//若是正確
           break;//結束循環
           }
        }
        while (true);//循環條件。


        //其餘寫法
        var upwd="123456";
        do{
        //保存輸入的密碼
        var str=prompt('input password');
        }
        while (str!==upwd);//若是輸入的str保存的upwd不一樣，繼續彈出窗口

      4）for循環 表達式1：初始值，表達式2：循環條件，表達式3：增量，能夠分解多種可能 多個循環條件中只有最後的一個起做用。
           for（表達式1;表達式2;表達式3）{
           循環體 ;
           }

    //for循環
    //計算1-20之間全部能被3整除的數字的乘積
    var sum=1;//聲明變量sum
    for (var i=1;i<=20 ;i++ )//i初始值爲1，循環條件爲小於等於20，i執行自增
        {
        if (i%3===0){//若是i取餘3等於0
        sum*=i//sum等於sum乘以i
        }
    }
    console.log(sum);//打印sum

    //練習：計算1-100的和
    for (var i=1,sum=0;i<=100;i++ ){
        sum+=i
    }
    console.log(sum);
    //其餘寫法
    var i=1,sum=0;
    for ( ;i<=100;i++ ){//第一個表達式能夠不用，可是要保留位置上的;分號，表明第一個表達式爲空
        sum+=i
    }
    console.log(sum);

    //練習：打印2000-2100年之間全部的閏年
    //閏年：4年一閏，而且不能被100整除，或者能被400整除
    for (var year=2000;year<=2100;year++){
        if (year%4===0 && year%100!==0 || year%400===0){
        console.log(year);
        }
    }

      5) continue跳過特定條件繼續執行循環
           跳事後邊的循環體，繼續執行增量。

    //continue跳過
    //練習：打印1-100之間全部的整數，排除能被3整除和能被4整除的數字
    for (var i=1;i<=100 ;i++ ){//i初始值爲1，循環條件爲小於等於100，i執行自增
        if (i%3===0 || i%4===0){//若是i取餘3等於0而且i取餘4等於0
            continue;//跳過此條件繼續執行循環
        }
        console.log(i);//打印i
    }

           總結2：break和continue的區別
                      break ：結束循環，後續不會再執行後續的循環
                      continue：跳事後邊的循環體，繼續執行增量，也就是下一次循環。

   (3)循環嵌套——nest
      任何的循環之間能夠相互嵌套

    //循環嵌套
    //循環打印五次五顆*
    for (var i=1,str='';i<=5 ;i++ ){
    //每次循環拼接*
        str+='*';
    }
    console.log(str);//打印結果

    //以上代碼要執行五次，把以上代碼再次放到另外一個循環中
    //外層循環表明一共有多少行
    for (var j=1; j<=5 ;j++ ){
        //內層循環，控制每行有多少星星
        for (var i=1,str='';i<=5 ;i++ ){
        //每次循環拼接*
        str+='*';
        };
    console.log(str);
    }