JavaScript流程控制语句——顺序结构和选择结构

Posted 小魁的C世界

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript流程控制语句——顺序结构和选择结构相关的知识,希望对你有一定的参考价值。

一、顺序结构

         顺序结构,就是程序按照语句所出现的先后顺序依次执行

例:

<script type="text/javascript">
        document.write(" 程序开始执行……<br/>");
        document.write(" 程序正在执行中……<br/>");
        document.write(" 程序执行完毕……<br/>");
</script>

实现样式:

二、选择结构

         1.选择结构:需要根据特定的条件来执行不同的语句

         2.在JavaScript中选择结构分为if语句和switch语句

     一、if单分支语句

语法:

if( 条件表达式 ) {  

语句或语句块

}

 例:typeof的用法详细请见:JavaScript核心语法之基本数据类型

<script type="text/javascript">
        var num = 1;
        if (typeof num == "number") {
            document.write("你好,符合条件");
        }
</script>

实现样式:

     二、if双分支语句

语法:

if( 条件表达式 ) {  

语句或语句块 1

} else{

语句或语句块 2

}

 例:

<script type="text/javascript">
        var x = 1,
            y = 3;
        if (x > y) {
            document.write("条件满足");
        } else {
            document.write("条件不满足");
        }
</script>

实现样式:

     三、if多分支语句

语法:

if( 条件表达式 1){

语句或语句块 1

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

语句或语句块 2

}......

else  if( 条件表达式 n){

语句或语句块 n

} else{

语句或语句块 n+1 }

 例:

<script type="text/javascript">
        var money = 100;
        if (money = 100) {
            document.write("你现在还有100元");
        } else if (money = 50) {
            document.write("你现在还有50元");
        } else {
            document.write("你现在还有多少钱呀??");
        }
</script>

实现样式:

     四、switch语句

语法:

switch(表达式){  

case 取值 1:语句或语句块 1; break;  

case 取值 2:语句或语句块 2; break;

 ......  

case 取值 n:语句或语句块 n; break;

 default: 语句或语句块 n+1; break;

}

      注意:其中case语句只是相当于定义了一个标记位置,程序根据switch条件表达式的结果直接跳转到匹配的标记位置处,开始按顺序执行后面的程序代码,直至遇到了break语句程才跳出switch结构,继续执行switch结构后的代码,如果是switch后的条件表达式结果没有找到匹配的case标记位置,则会执行最后的default的语句

例:

<script type="text/javascript">
        var money = 100;
        switch (money) {
            case 100:
                document.write("我有100元,我要吃KFC");
                break;
            case 50:
                document.write("我只剩下50元了,我只能吃面");
                break;
            case 1000:
            case 500:
                document.write("月初了,我的零花钱到账啦");
                break;
            default:
                document.write("我还有多少钱呀???");
                break;
        }
</script>

 实现样式:

以上是关于JavaScript流程控制语句——顺序结构和选择结构的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript流程控制

JavaScript小结2——流程控制

JavaScript的流程控制语句以及函数

JavaScript的流程控制语句以及函数

JavaScript流程控制(顺序分支循环)及相关练习

JavaScript流程控制的三种结构,循环语句及相关练习