努力成为一名合格的前端开发工程师!!!

闻达有先后,术业有专攻,努力,加油ing!!!!

导航

统计

JavaScript基础视频教程总结(031-040章)

<!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");
    /*
     *  编写程序,由键盘输入三个整数分别存入变量num1、num2、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>

所有基础课程链接:


 1.JavaScript基础视频教程总结(001-010章)           2.JavaScript基础视频教程总结(011-020章)          3. JavaScript基础视频教程总结(021-030章)        4. JavaScript基础视频教程总结(031-040章)

5. JavaScript基础视频教程总结(041-050章)           6. JavaScript基础视频教程总结(051-060章)         7. JavaScript基础视频教程总结(061-070章)        8. JavaScript基础视频教程总结(071-080章)

9. JavaScript基础视频教程总结(081-090章)          10. JavaScript基础视频教程总结(091-100章)        11. JavaScript基础视频教程总结(101-110章)      12. JavaScript基础视频教程总结(111-120章)

13. JavaScript基础视频教程总结(121-130章)        14. JavaScript基础视频教程总结(131-140章)


 另外,欢迎关注我的新浪微博

 

posted on 2018-12-12 10:46  前端小匠大飞  阅读(...)  评论(...编辑  收藏