記事ディレクトリ
コンテンツ
序文
この記事の内容は、if条件ステートメント、switch multi-branchステートメント、whileループ、do whileループ、forループ、for inループ、breakステートメント、continueステートメント、returnステートメント、withステートメント、事前定義された関数、およびカスタム関数です。
通りすがりの友達、いいねしてフォローしてから行く前に、コメント欄でコミュニケーションをとって、一緒に成長するように頑張ってください!
詰め替え
6.4プロセス制御
分岐構造(ifおよびswitch)
JavaScriptには2種類の分岐構造があります。
if条件文
条件値が0、null、 ""、false、undefined、またはNaNに設定されている場合、対応するプログラムブランチは実行されません。条件値がtrue、空でない文字列( "false"文字列を含む)、またはnull以外のオブジェクトの場合、対応するプログラムブランチが実行されます。
<スクリプト>
if(condition1){
statement1;//ステートメント実行ブロック
}
else if(condition2){// else ifは、elseと同様に、必要に応じて使用される場合と使用されない場合があります。
ステートメント2;
}
そうしないと {
ステートメント3;
}
</ script>
例:
<script type="text/javascript">
var s=1;
if(null){
console.log("s......");}
else if(s==1){
console.log("s");}
else{
console.log("s...");}
</script>
マルチブランチステートメントの切り替え
switchステートメントは、制御式とケースラベルで構成されます。制御式のデータ型は、文字列、整数、オブジェクト型などの任意の型にすることができます。
<script type="text/javascript">
var score=65;
switch(score/10) {
case 6:
console.log("及格");
break ;
case 8:
console.log("良好");
break ;
case 9:
console.log("优秀");
break ;
default:
break;
}
</script>
ループ構造
whileループ
事前テストループとも呼ばれ、ループコードを実行する前に条件が満たされているかどうかを判断することを指します。条件が満たされると、ループ本体部分が実行されます。そうでない場合、ループは終了します。
while(expression){
声明;}
whileループを実行します
テスト後のループとも呼ばれるdowhileループは、whileループとは異なります。
whileループは、最初にループ条件を判断し、条件が満たされた後にループを実行することです。do whileは、最初にループ本体を実行し、次に条件が満たされていると判断して次のループに入ります。
行う{
声明;
} while(expression);
forループ
forループは事前テストループでもあり、ループの数がわかっている場合に一般的に使用されます。
for(初期化;式;ポストループ式){
声明;}
ループ内
これはJavaScriptによって提供される特別なループであり、文字列、配列、オブジェクトコレクション、オブジェクトプロパティなどをトラバースできます。
for inループは、主にコレクションをトラバースするために使用されます。一部のブラウザはfor inアレイトラバーサルを十分にサポートしていないため、不明なエラーが発生する可能性があります。forinループを使用してアレイをトラバースしないことをお勧めします。
for(オブジェクトのプロパティ){
声明;
}
転送ステートメント
分岐ステートメントを使用して、break、continue、returnステートメントなどのプログラム実行の方向を制御します。
breakステートメント
switch構造では、breakステートメントが検出されると、switchブランチ構造からジャンプします。
ループ構造では、breakステートメントが検出されると、すぐにループを終了し、ループ本体でコードを実行しなくなります。
ステートメントを続ける
プログラムの実行中に続行が発生した場合は、現在のループを終了し、次のループを続行するための条件が満たされているかどうかを判断します。
returnステートメント
関数本体を実行する場合、returnステートメントが検出されると現在の関数が終了し、関数のreturnステートメントの後のコードは実行されなくなります。
<script type="text/javascript">
function count(){
var sum=0;
for(var i=100;i<1000;i++){
sum+=i;
if(sum<10000){
document.write("<br/>已统计到:"+i);
continue;
}
if(i>200){
break;
}
return sum;
}
document.write("不会被执行到的代码!");
}document.write("<br/>统计结果为:"+count());
</script>
ステートメント付き
JavaScriptでは、withステートメントを使用すると、オブジェクトの操作が簡素化され、コードがより簡潔になります。withステートメントを使用すると、コードが簡素化されますが、実行効率は比較的遅くなります。一般に、withステートメントの使用は避けてください
<script type="text/javascript">
with(document){
write("<table border='1'>");
write("<tr>");
write("<th>ID</th><th>商品编号</th><th>价格</th>");
write("</tr>");
var i=1;
while(i<=4){
write("<tr>");
write("<td>"+i+"</td>");
write("<td>FZO0"+i+"</td>");
write("<td>"+(Math.random()*100).toFixed(2)+"</td>");write("</tr>");
i++;
}
write("</table>");
}
</script>
6.5機能
関数は、事前定義された関数とユーザー定義関数に分けることができます。
事前定義された機能
JavaScriptエンジンで事前定義された組み込み関数を参照し、ユーザーはそれらを定義せずに直接使用できます。
parselnt()関数
文字列を整数に変換するということは、文字列を解析して整数を返すことを意味します。
文字列に数値、記号、小数点、指数記号以外の文字が含まれている場合、parselnt()関数は変換を停止し、既存の結果を返します。
最初の文字を変換できない場合、関数は「NaN」(つまり、数値ではなく、数値ではない)を返します。
parselnt(文字列、[基数])
parsefloat()関数
文字列を解析するために文字列をfloatに変換し、そこからfloatを返します。
parseFloat(文字列)
isNaN()関数
数値でないかどうか(フルネーム:数値ではない)をテストします。パラメーターが数値の場合はfalseを返し、そうでない場合はtrueを返します。引数が数値以外の値であるかどうかを確認するために使用されます。
isNaN(値)
eval()関数
それが無限大であるかどうかをテストします。その場合はfalseを返し、そうでない場合はtrueを返します。JavaScriptで文字列をスクリプトコードとして実行します。
eval(文字列)
エスケープ()関数:
文字をUnicodeに変換する
unescaped()関数:
エスケープ機能でエンコードされた文字をデコード
alert()関数
プロンプトダイアログをポップアップするために使用されます
確認()関数
確認ダイアログボックスをポップアップするために使用します。確認ダイアログボックスで、[OK]をクリックするとtrueを返し、[キャンセル]をクリックするとfalseを返します。
prompt()関数
ユーザー入力を受け取るための入力ボックス
注:関数alert()、confirm()、およびprompt()は、実際にはウィンドウオブジェクトのメソッドであり、ユーザーと対話するためのダイアログボックスをポップアップするために使用されます。使用する場合、ウィンドウオブジェクトは省略できます。
カスタム関数
関数をカスタマイズする場合、関数のパラメーター型も関数の戻り型も宣言する必要はありません。
JavaScriptで現在サポートされているカスタマイズ方法には、名前付き関数、無名関数、オブジェクト関数、および自己呼び出し関数が含まれます。
名前付き関数
関数は、関数定義と関数呼び出しで構成されます。関数を使用する場合は、呼び出す前に関数を定義する必要があります。function funcName([parameters]){//パラメーターパラメーターはオプションです。複数のパラメーターが指定されている場合は、コンマ(、)を使用してパラメーターを区切ります。
ステートメント;
[return expression]; // returnステートメントはオプションであり、関数の戻り値を返すために使用されます。returnがデフォルトの場合、関数はundefinedを返します。
}
関数が定義された後、関数は自動的に実行されず、イベントまたはスクリプトを介して呼び出された場合にのみ実行されます。
同じ<script></script>タグ内で、関数呼び出しは関数定義の前または後に行うことができます。異なる<script></script>タグ内にある場合、関数の定義は関数の呼び出しの前になければなりません。そうでない場合、呼び出しは無効になります。
匿名関数
関数は式の形式で定義されます。
function([parameters]){
ステートメント;
[式を返す];
};
無名関数の定義形式は、関数の名前が指定されておらず、関数の最後にセミコロン;)が付いていることを除いて、基本的に名前付き関数の定義形式と同じです。
関数名がないため、後続の関数呼び出しを容易にするために、無名関数を受け取るために変数を使用する必要があります。
<script type="text/javascript">
var f=function(user){
alert("欢迎"+user+"下次光临!");
}
var test=f;
f("admin");
test("admin");//f("admin")与test("admin")调用的结果完全一样。
</script>
オブジェクト関数
Functionクラスは、関数を定義するために提供されています。関数は関数を定義するために使用されるキーワードであり、最初の文字は大文字にする必要があります。var funcName = new Function([parameters]、statements;);
<script type="text/javascript">
var showinfo=new Function("name","age" ,"authority" ,"address";
);
</script>
自己呼び出し機能
関数自体は、呼び出されたときにのみ自動的に実行されません。
JavaScriptでは、関数の定義と呼び出しを一緒に実装する自己呼び出し関数が提供されています。(function([parameters]){
ステートメント;[式を返す];
})([params]);
自己呼び出し関数とは、関数の定義が括弧「()」で囲まれていることを意味します。括弧は、この部分が関数式であることを示します。関数式の後には、括弧「()」のペアが続き、関数は自動的に呼び出されます。
<script type="text/javascript">
var user=" admin";
(function(userData) {
alert("欢迎" + userData + "光临!");
} )(user);
</script>