ホームページ >ウェブフロントエンド >フロントエンドQ&A >JavaScriptのプログラム構造とは何ですか?
#このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューターJavaScript のプログラム構造には、1. 最初から最後まで文ごとに実行されるシーケンシャル構造、2. 特定のノードに到達した後、そのノードに基づいてどのノードに従うかを決定する分岐構造が含まれます。判定結果 分岐方向実行 3. ループ構造
プログラムの実行順序はシーケンシャル構造、分岐構造、ループ構造の 3 種類に分かれます
プログラムのデフォルト構造は最初から最後まで一文ずつ実行されます
To あるノード以降は、判定結果に基づいて今後実行する分岐方向が決定されます
分岐構造の特徴: のみ1 つの分岐は同じ分岐構造で実行されます
if(条件){ 代码块1; }
実行規則: 条件が成立すると、該当するコード ブロックが実行されます。 if 文
var age = 26; if (age >= 18) { alert("你已经成年");//你已经成年 }
は同じで実行されます 分岐構造内で 1 つの分岐のみが実行されます 2 つの if 条件は独立しているため、
var a = 5; if (a > 3) { console.log(1);//1 } if (a > 0) { console.log(2);//2 }
if(条件){ 代码块1; }else{ 代码块2; }
実行規則: if 条件が true の場合、if ステートメントに対応するコード ブロックが実行され、true でない場合、else のコード ブロックが実行されます。
var age = 15; if (age >= 18) { alert("你已经成年"); }else{ alert("你还没有成年");//你还没有成年 }
if(条件1){ 代码块1; }else if(条件2){ 代码块2; } ... else if(条件n){ 代码块n; }else{ 代码块m; }
var age = prompt('请输入年龄:'); if (age < 18) { console.log('未成年'); } else if (age >= 18 && age <= 30) { console.log('青年'); } else if (age > 30 && age <= 60) { console.log('中年'); } else if (age > 60) { console.log('老人') } else { console.log('请输入正确的年龄'); }[関連する推奨事項:
switch(表达式){ case 值: 代码块; break; case 值2: 代码块; break; ... default: 代码块; break }実行ルール: 式は case の背後にある値と比較され、等しいかどうかが判断されます。等しい場合は、対応するコード ブロックが実行されます。上記のケースと式が等しくない場合は、デフォルトの内容が実行されます。
<script> var a = 10; var b = 20; var c = '/'; var result; switch (c) { case "+": result = a + b; break; case "-": result = a - b; break; case "*": result = a * b; break; case "/": result = a / b; break; default: result = a + b; break; } console.log(result); </script>
スイッチ貫通問題
60分以上的及格,其他的留级 switch (score) { case 6: case 7: case 8: case 9: case 10: console.log('及格'); break; default: console.log('留级'); break; }
for(循环变量初始化;循环判断;循环迭代){
循环体;
}
の判定結果に応じて、ループ本体を何回実行するかを決めるのがポイントです。
判定成立 ループ本体実行
# 判定不成立 ループ終了
for (var i = 0; i < 5; i++) { console.log(i);//0 1 2 3 4 }
実行ルール: If 条件が true の場合、ループ本体
while(条件){ 循环体; }
が実行されて、紙が折り畳まれる回数が計算され、その厚さがエベレスト山を超えます
var total = 8848000; var h = 1;//纸厚度 var count=0; while (h <= total) { h*=2; count++;//次数递增 } console.log('折叠了'+count+'次数'); console.log(h);
while と do...whiel の違い: while ループは最初に判定されてから実行されますが、do...while は最初に実行されてから判定されます。条件は true または false で、一度実行されます
do{ 循环体; }while(条件);
var a = 0; do { console.log(1);//1 } while (a > 0); while (a > 0) { console.log(1);//无输出 a++; }
オブジェクトと配列を走査するためによく使用されます
数组 var arr = [10, 20, 30, 40]; for(var i in arr){ console.log(i); console.log(arr[i]); } 对象 var obj = { name: 'jack', age: '20', addr: "北京路" }; for (var i in obj) { console.log(i); console.log(i,obj[i]); }
5. Break と continue の違い
break; ループを終了して自分自身から離れる 最も近いループ
Continue; このループを終了し、次のループ、ループを継続します。あなたに最も近い
for(var i=0;i<5;i++){ if(i==2){ break; } console.log(i); } var sum = 0;//需要有初值,否则会NaN if (i % 2 != 0) { continue; } sum += i;// sum =sum+0 }6. ループのネスト
外側のループは1回実行され、内側のループも1回実行されます
for (var j = 0; j < 4; j++) { //输出一行* for (var i = 0; i < 5; i++) { document.write('*'); } //换行 document.write("<br>"); };
詳細プログラミング関連の知識については、
プログラミング入門以上がJavaScriptのプログラム構造とは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。