Web基本笔记~10.流程控制

上一期

分支语句

顺序结构的程序虽然能解决计算、输出等问题，但不能做判断再选择。对于要先做判断再选择的问题就要使用分支结构。分支结构的执行是依据一定的条件选择执行路径，而不是严格按照语句出现的物理顺序。分支结构的程序设计方法的关键在于构造合适的分支条件和分析程序流程，根据不同的程序流程选择适当的分支语句。

if else案例

例题 : 小明考了75分,学校规定60分或60分以上算及格。请编写一个程序对小明的分数经过判断后得出结论。

  //小明的分数var score = 75;//进行判断if(score >= 60 ){console.log("及格!");}else{console.log("不及格!");}

if else else if 案例

例题 : 老师要对班级同学们的成绩进行评优, 低于60分为不及格, 60 ~ 70 为及格,70 ~ 90为良好, 90以上为优秀。请编写程序判断。

  //小明的分数var score = 61;if(score > 90){console.log("优秀!");
}
else if(score > 70){console.log("良好");
}
else if(score > 60){console.log("及格");
}else{console.log("不及格!");
}

= = 和 = = =

JavaScript中 = = 只要内容相同结果就是true,= = = 则必须要内容和类型同时相同

  var str = 123;var str2 = "123";console.log(str == str2); //trueconsole.log(str === str2); //false

&& 和 | |

&& 表示逻辑与,也就是必须两边都为真才能为真。 | | 表示逻辑或,也就是两边只要有一边为真结果就是真

switch条件语句

switch语句和if语句表达的含义基本相同。其实switch语句很像if else if else结构。

var score = 90;
switch(score){case 90 : console.log("优秀"); break;case 70 : console.log("良好"); break;case 60 : console.log("及格"); break;default : console.log("不及格");
}

循环语句

while循环

案例 : 输出0 ~ 9

var i = 0;
// i < 10 的意思就是说只要 i 的值小于10就一直循环,直到 i 不再小于10了就不再循环
while(i < 10){console.log(i);i = i + 1;
}

do while 循环

其实和刚刚的where循环很像,只是表达式换了地方而已,还有一个区别就是do where循环是先执行后判断,所以无论如何最少会执行一次

//等同于刚刚的写法
var i = 0;
// i < 10 的意思就是说只要 i 的值小于10就一直循环,直到 i 不再小于10了就不再循环
do{console.log(i);i = i + 1;
}while(i < 10);

for 循环

for循环的表达方式和刚刚的where不太一样

//这句话通俗的意思是 i 从 0 开始执行,直到i不再<10为止。每次循环完一次i都自增一次
//可以暂时先这么理解
for(var i = 0; i < 10; i++){console.log(i);
}

习题案例 : 使用循环打印九九乘法表

for循环实现

for(var i = 1; i < 10; i++){for(var j = 9; j > 0; j--){var res = i * j;document.write(i , " * " , j , " = " , res , "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;");}document.write('<br/>');
}

where循环实现

//等同刚才var i = 1;while(i < 10){var j = 9;while(j > 0){var res = i * j;document.write(i , " * " , j , " = " , res , "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;");j--;}document.write('<br/>');i++;}

do where实现

  var i = 1;do{var j = 9;do{var res = i * j;document.write(i , " * " , j , " = " , res , "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;");j--;}while(j > 0);document.write('<br/>');i++;}while(i < 10);

水仙花数案例

水仙花数（Narcissistic number）也被称为超完全数字不变数（pluperfect digital invariant, PPDI）、自恋数、自幂数、阿姆斯壮数或阿姆斯特朗数（Armstrong number），水仙花数是指一个 3 位数，它的每个位上的数字的 3次幂之和等于它本身（例如：1^3 + 5^3+ 3^3 = 153）。

for(var i = 100; i < 1000; i++){//注意这里要记得转换成整形,别弄出个浮点数出来var a = parseInt(i/100);/*分解出百位*/ var b = parseInt((i/10)%10);/*分解出十位*/ var c = i%10;/*分解出个位*/ //判断if((a * a * a + b * b * b + c * c * c) == i){//得出结果console.log(i);}
}

Web全栈~10.流程控制相关推荐

php web教程视频教程下载,Web全栈 PHP+React系列视频教程下载
Web全栈 PHP+React系列视频教程下载课程介绍: 此套Web全栈 PHP+React系列视频教程覆盖PHP.前端和区块链应用开发三大热门职位,教程对网络基础.前端基础(HTML CSSJav ...
Bootstrap实战练习---Web全栈课程体系(表格+巨幕)
Bootstrap实战练习-Web全栈课程体系(表格+巨幕) 原网页效果图连接我的网页效果 -我的代码 <!DOCTYPE html> <html> <head> ...
JDG人脸识别课堂管理系统全栈开发流程报告-软件工程实践报告
JDG人脸识别课堂管理系统全栈开发流程报告-软件工程 ⭐️ 本报告的代码部分和程序设计参考了计算机18-1班张宇哲(学号181002406)同学在Gitee仓库发布的AI-Attendance,本 ...
《Web全栈工程师的自我修养》读书笔记
<Web全栈工程师的自我修养>读书笔记 [声明] 欢迎转载,但请保留文章原始出处→_→ 生命壹号:http://www.cnblogs.com/smyhvae/ 文章来源:http://w ...
Bootstrap实战练习---Web全栈工程师简历模版
Web全栈工程师简历模版 head <!DOCTYPE html> <html> <head><meta charset="UTF-8"& ...
《web全栈工程师》：中总结的20条军规和必读书单
作为一个前端新人,应该不断学习加强各种基础技术,而且也要多看别人的建议,别人成功的经历或许不能让你复制,但是你总能从中有所收获,身体和灵魂总要有一个在路上. 今天抱起了实习时候充充翻过的一本书< ...
【融职教育】Web全栈开发就业班核心优势
IT技能培训行业现在是一片红海,在红海中求生存和发展就要具有一定的特色和竞争优势.本质上都是为学员提供更好的服务,提高教学品质,让学员可以学会技术,掌握足够工作技能,具有向企业交付的能力,让学员不仅可 ...
Web全栈工程师到底是个什么鬼？为什么Facebook声称：“我们只招全栈工程师！”
全栈工程师(Full-Stack Engineer),是一个在IT行业圈子里越来越热门的话题,无论是像Facebook这样的大型公司,还是刚刚起步的初创公司,都开始招募全栈工程师.据说,Faceboo ...
Web全栈~29.MySQL
Web全栈~29.MySQL 上一期 MySQL安装根据自己的需求选择~ 不过本人选了第一个,开发者默认~ 大多数操作,只需要默认下一步就好了,就不一一发截图了~ 接下来又是一顿next和finis ...

Web全栈~10.流程控制