ホームページ > 記事 > ウェブフロントエンド > JavaScript チュートリアル -- フロー制御ステートメント
以下では、基本的な JavaScript フロー制御ステートメントの使用法に関する記事をお届けします。編集者はこれがとても良いものだと思ったので、皆さんの参考として今から共有します。エディターをフォローして一緒に見てみましょう
その3: フロー制御ステートメント
JavaScriptコードの記述場所:
JavaScriptコードは2ff4c6a0e2d0503d88a91d6cdc510056に記述します。 9429d6e1efad07153846e528605c447e このペアのタグ。
または外部参照としてf7bd176843dcfd69413f1e2fe394e4b32cacc6d41bbb37262a98f745aa00fbf0
JavaScript コードの各文はセミコロンで終了してください。
出力ステートメント
1. コンソール出力: console.log();
コンソールにいくつかの情報を出力できます。出力情報は console.log() の括弧内の内容です。
このステートメントはプログラムをデバッグするときによく使用されます。
2. ポップアップ ボックスの出力:
alert();
alert を使用すると、Web ページ上にプロンプト ボックスをポップアップ表示して、alert() の括弧内の情報を表示できます。
prompt();
prompt を使用して Web ページ上に入力ボックスをポップアップし、prompt() の括弧内の情報をプロンプト情報として使用します。
confirm();
確認とキャンセルのためのポップアップボックスが含まれています。
3. ページ出力: document.write();
はページにコンテンツを直接表示します。
Select文
if....else文
if(判定条件/ブール値){
//条件を満たした場合、以下のコードが実行されます
コード 1;
}else {
//上記の条件が満たされない場合、またはブール値が false の場合、次のコード 2 が実行されます
コード 2
}
さらに、次のこともできますelseの後にif判定を追加し続ける
if(判定条件/ブール値){
//条件が成立すると以下のコードが実行される
コード1;
}else if(判定条件){
//上記の条件を満たさない場合、またはboolean値がfalseの場合、以下のコード2が実行されます
コード2
}
else if(判定条件)
。 。 。 。 。
else {
last code
}
Switch...case ステートメント
は、複数の可能な値を判断するために使用されます
switch ステートメントは if ステートメントと最も密接に関連しており、これは、他の言語でも一般的に使用されるフロー制御ステートメントでもあります。
switch (expression) { case value: statement break; case value: statement break; case value: statement break; case value: statement break; default: statement }
switch ステートメント内の各ケースの意味は、「式がこの値と等しい場合、次のステートメントを実行する」です。 break キーワードにより、コード実行フローが switch ステートメントから飛び出します。 break キーワードを省略すると、現在の case が実行された後に次の case が実行されます。各 case の後に break ステートメントを追加することで、複数の case コードを同時に実行することを避けることができます。
様々なシーンで組み合わせることもできます。
switch (i) { case 25: /* 合并两种情形 */ case 35: alert("25 or 35"); break; case 45: alert("45"); break; default: alert("Other"); }
switch ステートメントは値を比較するときに等価演算子を使用するため、型変換は行われないことに注意してください (たとえば、
文字列 "10" は数値 10 と等しくありません) 。
break ステートメントと Continue ステートメント
break は、ループ内の修飾されたループを終了します。
continue は、ループ内でこのループを終了し、次のループを開始します。
ループ ステートメント
for ループは、同じコード部分を繰り返し実行します。
for(var i = 1; 判定条件; i++){
ループするコードブロック:
}
当程序运行到for的时候,会先声明一个变量i,并且赋值为1,判断i是否满足后面的判断条件,如果满足,执行下面的要循环的代码块,代码 块执行完成之后再执行i++,再判断判断条件是否满足,如果满足再次按照上面的流程执行,如果不满足,结束for循环。
for循环还可以用于嵌套,实现复杂的运算,冒泡排序就用到了for循环的嵌套。下面举两个for循环嵌套的例子。
打印直角三角形,
for (var i = 1; i <= 10; i++) { for (var j = 1; j <= i; j++){ document.write("☆"); } document.write("<br/>"); }
打印99乘法表
for (var i = 1; i < 10; i++) { for (var j = 1; j <= i; j++) { document.write(j + "*" + i + "=" + i * j);// 1 * 1 = 1 document.write(" "); } document.write("<br/>"); }
for in循环
for-in 用于遍历数组或者对象的属性(对数组或者对象的属性进行循环操作)。
举个例子
var x var mycars = new Array() mycars[0] = "Saab" mycars[1] = "Volvo" mycars[2] = "BMW" for (x in mycars) { document.write(mycars[x] + "<br />") }
while循环
while(判断条件/boolean){
代码块
}
当代码执行到while的时候,会先判断判断条件是否为true,如果为true,那么会执行while大括号中的代码块,代码块执行完毕以后,再次回到while中再进行判断,如果为true,再次执行while大括号中的代码块,并且再次回while,如果为false就不执行。
注意:将来在写代码的时候一定要注意循环的判断条件不能一直为true,否则会成为一个死循环。
do...while循环
do-while 语句是一种后测试循环语句,即只有在循环体中的代码执行之后,才会测试出口条件。
换句话说,在对条件表达式求值之前,循环体内的代码至少会被执行一次。
do { statement } while (expression);
do...while语句在开发中并不怎么用,用的最多的还是for循环,以及for循环嵌套。
补充:
Function函数对象
函数申明式
function fn(){ // 函数体 }
函数表达式(匿名函数)
var fn = function(){ // 函数体 }
// fn表示函数名称
// 函数表达式通常又叫匿名函数 因为没有函数名
函数的调用
fn();// 注意:函数只申明不调用是不会执行的
函数的参数
// 申明
function 函数名(形参1,形参2,形参3,){
// 函数体
}
// 调用
函数名(实参1,实参2,实参3);
函数名(实参1);// 这样写也不会有问题
函数名(实参1,实参2,实参3,实参4);// 这样写也不会有问题
// 注意:函数的实参个数可以和形参的个数不同
函数的返回值
function 函数名(){
return 要返回值;
}
// 注意:函数不写返回值时默认的返回值是undefined
函数的递归:函数在内部调用自身函数叫递归
function fn(){ fn(); } fn();
函数的回调:被当做参数传递的函数叫回调函数
function fn1(){ console.log(“我是回调函数”); } function fn2(parameter){ parameter(); // 调用函数 // 这里的parameter是形参 代表传进来的函数fn1 } fn2(fn1);// fn1就是一个回调函数
以上がJavaScript チュートリアル -- フロー制御ステートメントの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。