JavaScript基礎視頻教程總結（031-040章）

時間 2019-12-14
原文原文鏈接
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>031-040章總結</title>
</head>
<body>

<pre> 031. if練習2 </pre>
<script type="text/javascript">
    console.log("第031");
    /*
     *  你們都知道，男大當婚，女大當嫁。那麼女方家長要嫁女兒，固然要提出必定的條件： 
     *  高：180cm以上; 富:1000萬以上; 帥:500以上;
     *  若是這三個條件同時知足，則:'我必定要嫁給他'
     *  若是三個條件有爲真的狀況，則:'嫁吧，比上不足，比下有餘。' 
     *  若是三個條件都不知足，則:'不嫁！' 
     */
    var yHeight = prompt("輸入你的身高(cm)");
    var yMoney = prompt("輸入你的財富(萬)");
    var yFace = prompt("輸入你的顏值");
    
    if( yHeight > 180 && yMoney > 100 && yFace >500 ){
        console.log("我必定要嫁給他");
    }else if(yHeight > 180 || yMoney > 100 || yFace >500){
        console.log("嫁吧，比上不足，比下有餘。");
    }else {
        console.log("不嫁");
    }
    
</script>

<pre> 032. if練習3 </pre>
<script type="text/javascript">
    console.log("第032");
    /*
     *  編寫程序，由鍵盤輸入三個整數分別存入變量num一、num二、num3，
     *  對他們進行排序，而且從小到大輸出。
     */
    
    //獲取用戶輸入的三個數
    /*
     * prompt()函數的返回值是String類型的,用+轉換爲number
     */
    // 1 2 3  3 2 1
    
    var num1 = +prompt("輸入第一個數");
    var num2 = +prompt("輸入第二個數");
    var num3 = +prompt("輸入第三個數");
    
    //找到三個數中最小的數
    if( num1 < num2 && num1 < num3 ){
        //num1最小，比較num2和num3
        if( num2 < num3 ){
            console.log( num1 + "," + num2 + "," + num3 );
        }else{
            console.log( num1 + "," + num3 + "," + num2 );
        }
    }else if( num2 < num1 && num2 < num3 ){
        //num2最小，比較num1和num3
        if( num1 < num3 ){
            console.log( num2 + "," + num1 + "," + num3 );
        }else{
            console.log( num2 + "," + num3 + "," + num1 );
        }
    }else{
        //num3最小,比較num1和num2
        if(num1 < num2 ){
            console.log( num3 + "," + num1 + "," + num2 );
        }else{
            console.log( num3 + "," + num2 + "," + num1 );
        }
    }
</script>

<pre> 033. 條件分支語句
條件分支語句也叫switch語句
語法：
switch(條件表達式){
    case 表達式:
     語句...
    break;
    case 表達式:
    語句...
    break;
     default:
    語句...
    break;
}

執行流程：
switch...case..語句
在執行時會依次將case後的表達式的值和switch後的條件表達式的值進行全等比較，
若是比較結果爲true，則從當前case處開始執行代碼。
當前case後的全部的代碼都會執行，咱們能夠在case的後邊跟着一個break關鍵字，
這樣能夠確保只會執行當前case後的語句，而不會執行其餘的case
若是比較結果爲false，則繼續向下比較
若是全部的比較結果都爲false，則只執行default後的語句

switch語句和if語句的功能實際上有重複的，使用switch能夠實現if的功能，
一樣使用if也能夠實現switch的功能，因此咱們使用時，能夠根據本身的習慣選擇。
</pre>
<script type="text/javascript">
    console.log("第033");

    //根據num的值，輸出對應的中文
    var num = 3;
    
    if(num == 1){
        console.log("壹");
    }else if(num == 2){
        console.log("貳");
    }else if(num == 3){
        console.log("叄");
    }
    
    num = "hello";
    
    switch(num){
        case 1:
            console.log("壹");
            //使用break能夠來退出switch語句
            break;
        case 2:
            console.log("貳");
            break;
        case 3:
            console.log("叄");
            break;
        default:
            console.log("非法數字~~");
            break;
    }
</script>

<pre> 034. switch練習 </pre>
<script type="text/javascript">
    console.log("第034");
    /*
     *01. 對於成績大於60分的，輸出'合格'。低於60分的，輸出'不合格'
     * 
     */
    var score = 85;
    var pScore = parseInt(score/10);
    
    /*switch(pScore){
        case 10 :
        case 9 :
        case 8 :
        case 7 :
        case 6 :
            console.log("合格");
            break;
        default:
            console.log("不合格");
            break;
    }*/
    switch(true){
        case score>=60 :
            console.log("合格");
            break;
        default:
            console.log("不合格");
            break;
    }
    
    /*
     * 02從鍵盤接收整數參數，若是該數爲1-7，打印對應的星期，不然打印非法參數。
     */
    
    var accept = prompt("輸入任意值");
    var pAccept = parseInt(accept);
    switch(pAccept){
        case 1:
            alert("星期一");
            break;
        case 2:
            alert("星期二");
            break;
        case 3:
            alert("星期三");
            break;
        case 4:
            alert("星期四");
            break;
        case 5:
            alert("星期五");
            break;
        case 6:
            alert("星期六");
            break;
        case 7:
            alert("星期日");
            break;
        default:
            alert("非法參數");
            break;
    }
</script>

<pre> 035. while循環
循環語句：經過循環語句能夠反覆的執行一段代碼屢次
</pre>
<script type="text/javascript">
    console.log("第035");
    /*
     * while循環
     *  - 語法：
     *      while(條件表達式){
     *          語句...
     *      }
     * 
     *  - while語句在執行時，
     *      先對條件表達式進行求值判斷，
     *          若是值爲true，則執行循環體，
     *              循環體執行完畢之後，繼續對錶達式進行判斷
     *              若是爲true，則繼續執行循環體，以此類推
     *          若是值爲false，則終止循環
     * 
     * do...while循環
     *  - 語法：
     *      do{
     *          語句...
     *      }while(條件表達式)
     * 
     *  - 執行流程：
     *      do...while語句在執行時，會先執行循環體，
     *          循環體執行完畢之後，在對while後的條件表達式進行判斷，
     *          若是結果爲true，則繼續執行循環體，執行完畢繼續判斷以此類推
     *          若是結果爲false，則終止循環
     * 
     *      實際上這兩個語句功能相似，不一樣的是while是先判斷後執行，
     *          而do...while會先執行後判斷，
     *      do...while能夠保證循環體至少執行一次，
     *          而while不能
     */
    
    var n = 1;
    
    //向這種將條件表達式寫死爲true的循環，叫作死循環
    //該循環不會中止，除非瀏覽器關閉，死循環在開發中慎用
    //可使用break，來終止循環
    /*while(true){
        alert(n++);
        
        //判斷n是不是10
        if(n == 10){
            //退出循環
            break;
        }
        
    }*/
    
    //建立一個循環，每每須要三個步驟
    
    //1.創初始化一個變量
    var wi01 = 0;
    //2.在循環中設置一個條件表達式
    while( wi01 <= 5 ){
        //3.定義一個更新表達式，每次更新初始化變量
        wi01++;
        console.log(wi01);
        
    }
    
    var dw =0
    do{
        dw++;
        console.log(dw);
    }while(dw <= 5);
    
    /*while(true){
        alert(1);
    }*/
</script>

<pre> 036. while練習 </pre>
<script type="text/javascript">
    console.log("第036");
    /*
     * 假如投資的年利率爲5%，試求從1000塊增加到5000塊，須要花費多少年
     * Math.pow(2,4)
     * 1000 1000*1.05   1
     * 1050 1050*1.05   2
     * 1050 1102.5*1.05 3
     */
    
    var nYear = 0;
    var tzMoney=1000;
    
    /*while( tzMoney < 5000){
        tzMoney = 1000*Math.pow(1.05,nYear+1);
        nYear++;
    }*/
    
    while( tzMoney <=5000 ){
        tzMoney *= 1.05;
        nYear++;
    }
    
    console.log("一共須要花費"+nYear+"年");
</script>

<pre> 037. for循環 </pre>
<script type="text/javascript">
    console.log("第037");
    /*
     * for語句，也是一個循環語句，也稱爲for循環
     *  在for循環中，爲咱們提供了專門的位置用來放三個表達式：
     *      1.初始化表達式
     *      2.條件表達式
     *      3.更新表達式
     * 
     *  for循環的語法：
     *      for(①初始化表達式;②條件表達式;④更新表達式){
     *          ③語句...
     *      }
     * 
     *      for循環的執行流程：
     *          ①執行初始化表達式，初始化變量（初始化表達式只會執行一次）
     *          ②執行條件表達式，判斷是否執行循環。
     *              若是爲true，則執行循環③
     *              若是爲false，終止循環
     *          ④執行更新表達式，更新表達式執行完畢繼續重複②
     */
    
    //建立一個執行10次的while循環
    //初始化表達式
    /*var i = 0;
    
    //建立一個循環，定義條件表達式
    while(i < 10){
        //設置更新表達式
        alert(i++);
    }*/
    
    for(var i = 0 ; i < 10 ; i++ ){
        console.log(i);
    }
    
    /*
     * for循環中的三個部分均可以省略，也能夠寫在外部
     *  若是在for循環中不寫任何的表達式，只寫兩個;
     *  此時循環是一個死循環會一直執行下去，慎用
     *  for(;;){
            alert("hello");
        }
     */
</script>

<pre> 038. for練習 </pre>
<script type="text/javascript">
    console.log("第038");
    /*
     * 1.打印1-100之間全部奇數之和
     */
    var sum = 0;
    for (var i=0; i<=100; i++) {
        if( i%2 !=0 ){
            sum = sum + i;
        }
    }
    console.log(sum);
    
    /*
     * 2.打印1-100之間全部7的倍數的個數及總和
     */
    var sevenNum = 0;
    var sevenTotal = 0;
    for (var i=1; i<=100; i++) {
        if( i%7 ==0 ){
            sevenTotal += i; 
            sevenNum++;
        }
    }
    console.log("個數爲" +sevenNum);
    console.log("總和爲" +sevenTotal);
    
    /*
     * 3.水仙花數是指一個3位數，它的每一個位上的數字的3 次冪之和等於它自己。
     *（例如：1^3 + 5^3 + 3^3 = 153）,請打印全部的水仙花數。
     */
    for (var san=100 ; san<1000; san++) {
        var bai = parseInt(san/100);
        var shi = parseInt((san - bai*100)/10);
        var ge = san%10;
        if( bai*bai*bai + shi*shi*shi + ge*ge*ge == san){
            console.log("全部的水仙花數爲" +san);
        }
    }

</script>

<pre> 039. 質數練習 </pre>
<script type="text/javascript">
    console.log("第039");
    //在頁面中接收一個用戶輸入的數字，並判斷該數是不是質數。
    //質數：只能被1和它自身整除的數，1不是質數也不是合數，質數必須是大於1的天然數。    
    var num = prompt("請輸入一個大於1的整數:");
    //判斷這個值是否合法
    if(num <= 1){
        alert("該值不合法！");
    }else{
        //建立一個變量來保存當前的數的狀態
        //默認當前num是質數
        var flag = true;
        //判斷num是不是質數
        //獲取2-num之間的數
        for(var i=2 ; i<num ; i++){
            //console.log(i);
            //判斷num是否能被i整除
            if(num % i == 0){
                //若是num能被i整除，則說明num必定不是質數
                //設置flag爲false
                flag = false;
            }
        }
        //若是num是質數則輸出
        if(flag){
            alert(num + "是質數！！！");
        }else{
            alert("這個不是質數");
        }
    }
</script>

<pre> 040. 補充質數練習 </pre>
<script type="text/javascript">
    console.log("第040");
    // 對上一節的說明，先設定一個變量默認爲質數，在判斷可否被整除，在循環外輸出。
    
</script>

</body>
</html>