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章）
另外，欢迎关注我的新浪微博
