首页 > web前端 > js教程 > 正文

javascript如何进行流程控制(附代码)

不言
发布: 2018-08-14 17:30:31
原创
1168 人浏览过

本篇文章给大家带来的内容是关于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技巧

java 学习笔记(入门篇)_程序流程控制结构和方法

以上是javascript如何进行流程控制(附代码)的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板