美文网首页
JavaScript(第三天)—爱创课堂专业前端培训

JavaScript(第三天)—爱创课堂专业前端培训

作者: 爱创课堂 | 来源:发表于2019-08-28 18:29 被阅读0次

    一、条件语句

    条件语句格式一:

    if(条件表达式){

    条件表达式成立执行的语句;

    }

    条件语句格式二:

    if(条件表达式){

    条件表达式成立执行的语句;

    }else{

    条件表达式不成立执行的语句;

    }

    条件语句格式三:

    if(条件表达式一){

    条件表达式一成立执行的语句;

    }else if(条件表达式二){

    条件表达式二成立执行的语句;

    } else if(条件表达式N){

    条件表达式N成立执行的语句;

    }else{

    以上条件表达式都不成立执行的语句;

    }

     // 判断工作年限是否满5年。满5年年终奖100000,不满五年年终奖1000var jy = Number(prompt("请输入工作年限"));if(jy >= 5){    alert("年终奖100000");}else{    alert("年终奖1000");}

    //判断用户输入的成绩是否大于80分,大于则升班,否则重修var score = Number(prompt("请输入您的成绩"));if(score >= 80)    alert("恭喜您!升入下一个阶段!!");else    alert("抱歉!!重来一遍吧!!")//注:当条件语句只有一条执行语句时,可以省略大括号;但是不建议初学者省略

    //判断用户输入的成绩,根据成绩给出不同的评价/**  分数大于等于90分小于等于100,成绩优秀*  分数大于等于80分小于90分,成绩良好*  分数大于等于70分小于80分,成绩中等*  分数大于等于60分小于79分,成绩及格*  分数大于等于0分小于60分,成绩不及格*  其他情况,提示输入有误* */var score = Number(prompt("请输入您的成绩"));if(score >= 90 && score <= 100){    alert("你是秀儿...")}else if(score >= 80 && score < 90){    alert("吆西,大大的良民...")}else if(score >= 70 && score < 80){    alert("深得中庸之道...")}else if(score >= 60 && score < 70){    alert("及格了,要努力,不然下次很危险....")}else if(score >= 0 && score < 60){    alert("同志,仍需努力...")}else{    alert("输入有误。请重新输入!!!")}

    二、转义字符

    用“\”对一些特殊的字符进行进行转义

    \n换行

    \r回车

    \t制表符

    \\反斜杠\

    \/斜杆 /

    \”双引号”

    \’单引号’

    三、选择语句

    选择题:题干 ==》  选项

    根据题干选择匹配的选项结果

    switch(value){

    case val1:

    执行语句1;

    break;

    case val2:

    执行语句2;

    break;

    case valN:

    执行语句N

    break;

    default:

    以上都没有匹配到执行的语句;

    break;

    }

    //需求:根据输入输入的数字判断今天是星期几var theDay = parseInt(prompt("请输入1-7之间的整数",5));switch (theDay){    case 1:        alert("今天是星期一,上班的心情就跟上坟一样沉重!!");        break;    case 2:        alert("今天是星期二,平淡的一天就这样过去了!!")        break;    case 3:        alert("今天是星期三,快到放假的日子了,有点小惊喜!!");        break;    case 4:        alert("今天是星期四,时间突然变得有点慢!!!");        break;    case 5:        alert("今天是星期五,好嗨吆!晚上三里屯酒吧见!!!");        break;    case 6:        alert("今天是星期六,12点才起来,洗洗涮");        break;    case 7:        alert("今天是星期天,他妈的,明天又要上班了!周末总是如此的快!!");        break;    default:        alert("what?你写的什么东西!!");        break;}

    //需求(使用switch完成):根据用户输入的月份(1-12) ,判断是什么季节:春季(3,4,5)  夏季(6,7,8)  秋季(9,10,11)  冬季(12,1,2)var month = parseInt(prompt("请输入1-12之间的正整数",4));switch (month){    case 3:    case 4:    case 5:        alert("春季")        break;    case 6:    case 7:    case 8:        alert("夏季")        break;    case 9:    case 10:    case 11:        alert("秋季")        break;    case 12:    case 1:    case 2:        alert("冬季")        break;    default:        alert("输入有误!!");        break;}

    四、循环语句

    4.1 while循环

    变量在外部声明,内部控制变量的变化

    While(条件表达式){

    循环体;

    }

    判断条件表达式是否成立,成立则执行循环体;不成立则跳出循环体

    // console.log("Hello World!!");// console.log("Hello World!!");// console.log("Hello World!!");// console.log("Hello World!!");// console.log("Hello World!!");// console.log("Hello World!!");// console.log("Hello World!!");// console.log("Hello World!!");// console.log("Hello World!!");// console.log("Hello World!!");//如果是1000次,10000次,这样写起来重复代码就代码了//这里引入while循环来循环输出10次HelloWorld//死循环// while (true){//     console.log("Hello World!!")// }//死循环// var count = 0;// while (count < 10){//     console.log("Hello World!!")// }var count = 0;while (count < 10){    console.log("Hello World!!");    count++;//==> count = count+1;}

    4.2 do...while循环

    do{循环体}while(条件表达式);

    先执行循环体,再判断条件

    //循环输出10次HelloWorldvar i = 0;do{    console.log("HelloWorld!!");    i++;}while(i < 10);

    4.3 for循环

    for(初始化变量;条件表达式;变量操作){

    循环体;

    }

    执行步骤:

    1. 初始化变量

    2. 判断条件表达式

    3. 条件表达式成立,则执行循环体;

    4. 变量操作

    5. 循环执行第2,3,4步,直到条件表达式不成立跳出循环..

    .

    for(var i = 0;i < 10; i++){// i = 0  1  2  3   4  5  6  7  8  9  10    console.log("Hello World!!!");// 打印次数 1  2  3  4  5  6  7  8  9  10}

    //页面中循环输出1-100// 格式要求:1,2,3,4,5,6,7..20,//           21,22,...38,39,40,//           41,42,...58,59,60,//           61,62,...78,79,80,//           81,82,...97,98,99,100for(var i = 1; i <= 100; i++){    //console.log(i);    // document.write(i + ",")    if(i == 100){        document.write(i);    }else if(i % 20 == 0){        document.write(i + ",<br>")    }else{        document.write(i + ",")    }}

    for循环演变

    // var i = 0;// for(; i < 10; i++){//     console.log("Hello World!");// }// var i = 0;// for(;i < 10; ){//     console.log("Hello World!");//     i++;// }for(var i = 10,j = 100; i <= j; i++,j--){    console.log("i:"+i+",j:"+j);}

    4.4 流程语句嵌套练习

    练习1:输出直角三角形

    *

    **

    ***

    ****

    练习2:输出九九乘法表

    练习3:在控制台输出一个数的所有约数。

    约数概念:a % b ==0,那么a叫做b的倍数,b叫做a的约数或者因数。

    一个数的约数,最小是1,最大是它本身。比如6的约数为:1,2,3,6

    练习4:水仙花数,又叫阿姆斯特数;

    一个三位整数,每个数值为上数字的立方和等于它本身。

    如: 153 = 1³ + 5³ + 3³

    练习5:输出100以内的奇数(1,3,5,7,....97,99)

    思路:遍历1-100这些数,通过奇数判断条件 “数值 % 2 === 1”判断是否是奇数

    for(var i = 0; i < 4; i++){//外层循环控制行    // document.write("⭐");    for (var j = 0; j < 4; j++){//内层循环控制列        document.write("⭐");    }    document.write("<br>");}/**  第一步:i = 0; i < 4 ; 条件成立;*          j = 0,j < 4; * j++*          j = 1;j < 4; ** j++*          j = 2; j < 4; *** j++*          j = 3; j < 4; **** j++*          j = 4; 不满足条件 跳出内层循环,**** �*          i++;* 第二步:i = 1; i < 4; 条件成立*           j = 0,j < 4; * j++*          j = 1;j < 4; ** j++*          j = 2; j < 4; *** j++*          j = 3; j < 4; **** j++*          j = 4; 不满足条件 跳出内层循环,**** �*          i++;*  第三步:i = 2....* */

    关注VX公众号“icketang” 免费领取华为荣耀商城项目实战视频教程

    相关文章

      网友评论

          本文标题:JavaScript(第三天)—爱创课堂专业前端培训

          本文链接:https://www.haomeiwen.com/subject/zhwmectx.html