Rumah > Artikel > hujung hadapan web > Javascript中什么是流程控制（代码实例）

Javascript中什么是流程控制（代码实例）

青灯夜游ke hadapan: 2018-10-20 16:34:402315semak imbas

本篇文章给大家带来的内容是介绍Javascript中什么是流程控制（代码实例）。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所助。

流程控制

JavaScript通过流程语句来执行程序流，程序流有若干语句组成。在正常情况下，程序中的语句时按照书写顺序执行的，这种结构称为顺序结构。除了顺序结构之外还有选择结构和循环结构。

1.选择结构

（1）if-else语句

语法：

if（condition）{
　　statementS;
}else{
　　statements;
}

(2)if-else if-else语句

语法：

if（condition）{
　　statementS;
}else if{
　　statements;
}
……
else{
　　statements;
}

例如：

200ba6c2aed0a55a2e6eb1f53ccfa057100db36a723c770d327fc0aef2ce13b193f0f5c25f18dab9d176bd4f6de5d30e
    5dd619b3daa8098d81923634075d5aa9
    b2386ffb911b14667cb8f0f91ea547a7选择结构6e916e0f7d1e588d4f442bf645aedb2f
    c9b2223153d8e39163b0aa064e06fe9e
        function  max() {            
               var fist=parseInt(form1.fist.value);            
               var secod=parseInt(form1.secod.value);            
               if(isNaN(fist)){
                alert("第一个数不是数值类型");
                form1.fist.value="";

            }            else if (isNaN(secod)) {
                alert("第二个数不是数值类型");
                form1.secod.value="";
            }else{                
                    var max=(fist>=secod?fist:secod);
                document.write("两个数之间较大的数为："+max);
            }

        }    
    2cacc6d41bbb37262a98f745aa00fbf0
 9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
 e8123d645f3ed9aaa22bb5c917b2ac04
    请输入第一个数（数值型）:    8d769f98bd6c240628a9ad623ab1ef9a
    0c6dc11e160d3b678d68754cc175188a
    请输入第二个数（数值型）：    aeb337a347f95a6cac33731d207fded9
    0c6dc11e160d3b678d68754cc175188a
    07e92316e492652a6160af3bc9f0417a  
    946ddf758becc4ea3151ff3dec6d001e
 f5a47148e367a6035fd7a2faa965022e
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e

（3）switch语句([ ]中为可选)

语法：

switch（expression）{
　　case value1：
　　　　statement；
　　　　break；
　　case value2：
　　　　statement2；
　　　　break；
　　……
　　case valueN;
　　　　statementN；
　　　　break；
　　[defalut:
　　　　defalutStatements;]
}

例如：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"" 
100db36a723c770d327fc0aef2ce13b1
93f0f5c25f18dab9d176bd4f6de5d30e
  5dd619b3daa8098d81923634075d5aa9
    b2386ffb911b14667cb8f0f91ea547a7switch语句6e916e0f7d1e588d4f442bf645aedb2f
9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
  c9b2223153d8e39163b0aa064e06fe9e
    var day= new Date().getDay();    
      switch (day){        
            case 0:   title="今天是星期日"; break;        
        case 1:   title="今天是星期一";  break;        
        case 2:   title="今天是星期二";  break;        
        case 3:   title="今天是星期三"; break;        
        case 4:   title="今天是星期四"; break;        
        case 5:   title="今天是星期五"; break;        
        case 6:   title="今天是星期六"; break;
    }
    document.write(title);
  2cacc6d41bbb37262a98f745aa00fbf0
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e

2.循环语句

（1）for循环（循环次数已知的循环）

语法：

for（inintal-condition;conditin;increment）{
　　statements;
}

例子：

输出九九乘法表

671f1587257673e3ab28a461c7daaf2f
100db36a723c770d327fc0aef2ce13b1
93f0f5c25f18dab9d176bd4f6de5d30e
    b2386ffb911b14667cb8f0f91ea547a7循环结构6e916e0f7d1e588d4f442bf645aedb2f
9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
  b525c03511ddfa0129a1894a0aafa571
    c9b2223153d8e39163b0aa064e06fe9e
        var i,j;        
        for(i=1;i<=10;i++){            
                for(j=1;j<=i;j++){
                document.write(j+"*"+i+"="+i*j);
                document.write("  ");
            }
        document.write("0c6dc11e160d3b678d68754cc175188a");
        }    
    2cacc6d41bbb37262a98f745aa00fbf0
  e6e38b3c62e8df885fe2e3986461aa63
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e

（2）for-in语句（通常用来遍历数组）

语法：

for（elements in object）{
　　statement；
}

例如：

671f1587257673e3ab28a461c7daaf2f 
100db36a723c770d327fc0aef2ce13b1
93f0f5c25f18dab9d176bd4f6de5d30e
    5dd619b3daa8098d81923634075d5aa9
    b2386ffb911b14667cb8f0f91ea547a7for-in6e916e0f7d1e588d4f442bf645aedb2f
9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
 c9b2223153d8e39163b0aa064e06fe9e
    var student=new Object();
    student.name="王明明";
    student.no="20120156";
    student.addreess="山东济南";    
    for(e in student){
        document.write(e+":"+student[e]+"0c6dc11e160d3b678d68754cc175188a");
    }
 2cacc6d41bbb37262a98f745aa00fbf0
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e

（3）while语句（次数未知的循环）

语法：

while（condition）{
　　statement；
}

例如：

输出1-100中3的倍数

671f1587257673e3ab28a461c7daaf2f
100db36a723c770d327fc0aef2ce13b1
93f0f5c25f18dab9d176bd4f6de5d30e
    5dd619b3daa8098d81923634075d5aa9
    b2386ffb911b14667cb8f0f91ea547a7while循环6e916e0f7d1e588d4f442bf645aedb2f
9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
     c9b2223153d8e39163b0aa064e06fe9e
      var i=1;    
      while(i<100){        
           if(i%3==0){
            document.write(i+"&nbsp");
        }
        i++;
      }
   2cacc6d41bbb37262a98f745aa00fbf0
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e

（4）do-while语句（该语句最少执行一次）

语法：

do{
　　statement；
}
while(conditions);

例如：

计算1-100的和

671f1587257673e3ab28a461c7daaf2f 
100db36a723c770d327fc0aef2ce13b1
93f0f5c25f18dab9d176bd4f6de5d30e
    5dd619b3daa8098d81923634075d5aa9
    b2386ffb911b14667cb8f0f91ea547a7do-while语句6e916e0f7d1e588d4f442bf645aedb2f
9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
  c9b2223153d8e39163b0aa064e06fe9e
    var i = 1;    
    var num = 0;    
    do {
        sum+=i;
        i++
    }while(i<=100);
    document.write("1-100的和是："+sum);
  2cacc6d41bbb37262a98f745aa00fbf0
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e

转移语句

（1）break语句

break语句用于switch语句和for语句等循环语句中。用来中止switch语句，执行switch语句后的语句。

（2）continue语句

continue语句用于for，while，do-while，for-in语句中，用来结束本次循环，执行下一次循环，一般与if语句一起使用。

（3）return语句

return语句一般在函数中使用，可以使用return语句表达式的格式返回任意类型的函数值，返回的函数值可以用变量接受。

总结：以上就是本篇文的全部内容，希望能对大家的学习有所帮助。更多相关教程请访问JavaScript视频教程，jQuery视频教程，bootstrap教程！

Atas ialah kandungan terperinci Javascript中什么是流程控制（代码实例）. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Artikel ini dikembalikan pada:cnblogs.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam

Artikel sebelumnya：解析Node.js的事件循环机制Artikel seterusnya：JavaScript异步编程的详细介绍（附示例）

Artikel berkaitan

Lihat lagi