javascript如何进行流程控制(附代码)
程序员文章站
2022-03-30 10:26:47
...
本篇文章给大家带来的内容是关于javascript如何进行流程控制(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
流程控制: 指的是控制代码的执行顺序:
1、顺序流程控制:编译器默认
2、选择流程控制:if、switch
3、循环流程控制:for,while, do…while
顺序流程:代码按照排版从上往下依次执行, 排版先后执行代码
选择流程控制(分支结构): 有选择性的执行代码: 语法规则:
if(条件) { //条件的结果必须是布尔值
代码片段
}
if()里面结果为真,就执行{}里面的代码, 如果结果为假,就不执行,而执行大括号后面的代码
if(yushu == 0) { document.write(shu+"/ 2 结果为:" + jieguo); } if(yushu != 0 ) { document.write("不能被整除"); }
多个if编写起来代码复杂度很大,所以提供另外一种双选择的语法:
if(条件) { }else { }
如果if条件为真,则执行第一个大括号内容,否则执行else后面大括号内容。
在实际开发过程当中,由于条件可能还会超过2个,所以需要使用另外一种多选择语法,
if(条件1) { //代码块1 } else if(条件2) { //代码块2 }else if(条件3) { //代码块3 }.....{ }else { //代码N }var gongzi = 15000; if(gongzi <= 3500) { document.write("不交税!"); } else if(3500< gongzi && gongzi <= 5000){ var shui = (gongzi - 3500) * 0.03; document.write("应该要交税:" + shui); } else if(5000< gongzi && gongzi <= 8000){ var shui1 = 1500 * 0.03; var shui2 = (gongzi - 5000) * 0.1; document.write("应该要交税:" + (shui1 + shui2)); } else if(8000< gongzi && gongzi <= 12500){ var shui1 = 1500 * 0.03; var shui2 = 3000 * 0.1; var shui3 = (gongzi - 8000) * 0.2; document.write("应该要交税:" + (shui1 + shui2 + shui3)); } else if(12500< gongzi && gongzi <= 38500){ var shui1 = 1500 * 0.03; var shui2 = 3000 * 0.1; var shui3 = 4500 * 0.2; var shui4 = (gongzi - 12500) * 0.25; document.write("应该要交税:" + (shui1 + shui2 + shui3 + shui4)); }else { document.write("数字错误!"); }
另外一种多分支的体现: switch
switch(变量名) { case 值1: 代码块; break; case 值2: 代码块; break; default: 代码块; break; }var shuzi = 3; switch(shuzi) { case 1: document.write("星期一"); break; case 2: document.write("星期二"); break; case 3: document.write("星期三"); break; //结束,后面就不判断了 case 4: document.write("星期四"); break; case 5: document.write("星期五"); break; case 6: document.write("星期六"); break; case 7: document.write("星期天"); break; default: document.write("数字错误!"); break; }
循环流程控制:循环就是重复执行某一段代码,
for(定义表达式; 判断表达式; 步长表达式) { 代码块 }
相关推荐:
整理Javascript流程控制语句学习笔记_javascript技巧
详解JavaScript的流程控制语句_javascript技巧
以上就是javascript如何进行流程控制(附代码)的详细内容,更多请关注其它相关文章!
上一篇: HTML5实现锚点时请使用id取代name_html5教程技巧
下一篇: vue下拉列表功能实例代码