ホームページ > 記事 > ウェブフロントエンド > Javascriptにおけるフロー制御とは（コード例）
Javascriptにおけるフロー制御とは（コード例）
- 青灯夜游転載
- 2018-10-20 16:34:402268ブラウズ
この記事では、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+" ");
}
i++;
}
2cacc6d41bbb37262a98f745aa00fbf0
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e
(4) do-while文（この文は少なくとも1回実行されます）
構文 :
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 ステートメントは通常、関数で使用され、任意のタイプの関数値を返すために使用できます。変数。 要約: 以上がこの記事の全内容です。皆さんの学習に役立つことを願っています。関連チュートリアルの詳細については、JavaScript ビデオ チュートリアル
、jQuery ビデオ チュートリアル
、bootstrap チュートリアル をご覧ください。
以上がJavascriptにおけるフロー制御とは（コード例）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。