ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript学習ノート 文_基礎知識

JavaScript学習ノート 文_基礎知識

WBOY
WBOYオリジナル
2016-05-16 16:20:141089ブラウズ

1. 条件分岐ステートメント : if

基本形式:

if (){

}else if (){

}その他{

}

実行プロセス:

2. ループステートメント

2.1 事前テストループステートメント: 終了条件は、ループ本体のコードが実行される前に評価されます。

2.1.1while ステートメント

基本形式:

{
をしてください <ステートメントグループ>
} while ()

実行プロセス:


2.1.2 for ステートメント

基本形式:
for (;;){
<ステートメントグループ>
}

実行プロセス:


2.2 テスト後のループ ステートメント: 終了条件は、ループ本体のコードが実行された後にテストされます。

2.2.1、do-while ステートメント

基本形式:

{
をしてください <ステートメントグループ>
} while () ;

実行プロセス:

3. 正確な反復ステートメント : for-in

基本形式:
for (オブジェクト内のプロパティ){
<ステートメントグループ>
}

機能: 指定されたオブジェクトのすべてのプロパティを繰り返し実行します。これは、オブジェクトのプロパティを列挙するために使用できます。

例:

コードをコピーします コードは次のとおりです:



下のボタンをクリックして、オブジェクト「person」のプロパティをループします。




<スクリプト>
関数 myFunction()
{
var x;
var txt="";
var person={fname:"ビル",lname:"ゲイツ",年齢:56}; (個人的にx)
{
txt=txt人[x];
}
document.getElementById("demo").innerHTML=txt;
}




表現されるオブジェクトが null または未定義の場合、ループ本体は実行されなくなるか、エラーがスローされます。そのため、for-in ループを実行するときは、最初にその属性値が正しいかどうかを確認する必要があります。オブジェクトが null または未定義です。

4.

ラベルステートメント

基本構文:

ラベル:

例: begin: for (var i = 0; i アラート(i);
}
label ステートメントの機能を説明する例を示します:
ラベル付けできません:

コードをコピーします コードは次のとおりです:
var num = 0;
for (var i = 0 ; i for (var j = 0; j If( i == 5 && j == 5 ){
休憩;
}
番号 ;
}
}
アラート(数値);//95

結合ラベル:

コードをコピー コードは次のとおりです:

var num = 0;
アウトポイント:
for (var i = 0 ; i for (var j = 0; j If( i == 5 && j == 5 ){
ブレークアウトポイント;
}
番号 ;
}
}
アラート(番号); //55

最初の例が 95 を出力するのは理解するのが難しくありませんが、2 番目の例が 55 を出力するのは、ブレーク アウトポイントに到達すると、プットポイント層に直接ジャンプしてアラート ステートメントを実行するためです。

2 番目の例を次のように変更すると、

コードをコピーします コードは次のとおりです:

var num = 0;
for (var i = 0 ; i アウトポイント:
for (var j = 0 ; j If( i == 5 && j == 5 ){
。 }                                                                                  }
};
アラート(数値);//95



この結果は、最初の例の結果と一致しています。

5. Break および continue ステートメント

5.1break ステートメント:

コードをコピーします コードは次のとおりです: var num = 0;
for (var i = 1 ; i If(i%5==0){
休憩;
}
番号 ;
};
alert(num);//4



break ステートメントの実行後、alert ステートメントにジャンプします
5.2Continue ステートメント:

コードをコピーします コードは次のとおりです: var num = 0;
for (var i = 1 ; i If(i%5==0){
続行;
}
番号 ;
};
アラート(数値);//8



Continue文の実行後はfor()ループにジャンプし、ループ条件が成立しないまでループを実行し続けます。

6. ステートメント

を使用します。 基本構文:

with (オブジェクト) {

ステートメント

}

例:
with を使用せずに書く:


コードをコピー コードは次のとおりです:

var qs = location.search.substring(1);
var hostName = location.hostname;
var url = location.href;
アラート(qs);
アラート(ホスト名);
アラート(url);

次の書き込みメソッドを使用します:

コードをコピーします コードは次のとおりです:

with(場所){
var qs = search.substring(1);
var hostName = ホスト名; var url = href;
}
アラート(qs);
アラート(ホスト名);
アラート(url);

上記の例からわかるように、with ステートメントの機能は、コードのスコープを特定のオブジェクトに設定し、繰り返しの入力を減らすことです。

しかし、js インタープリターは、with ブロック内の変数が with に含まれるオブジェクトに属しているかどうかをチェックする必要があるため、with ステートメントの実行速度が大幅に低下し、js ステートメントの最適化が困難になります。

したがって、with ステートメントを大規模に使用することはお勧めできません。

7. switch ステートメント

基本構文:

switch () {
case :
休憩;
case :
休憩;
...
デフォルトの <ステートメントグループ>
}

実行プロセス:

switch ステートメントは任意のデータ型にすることができ、各ケースの値は必ずしも定数である必要はなく、変数や式などにすることもできます。次に例を示します。

コードをコピーします コードは次のとおりです:
switch ("hello world") {
ケース "hello" " world":
alert("挨拶が見つかりました。");
休憩;
ケース「さようなら」:
alert("クロージングが見つかりました。");
休憩;
デフォルト:
alert("予期しないメッセージが見つかりました。");
}

コードをコピー コードは次のとおりです:

var num = 25;
スイッチ (true) {
ケース番号 alert("0 未満");
休憩;
ケース番号 >= 0 && 番号 alert("0 から 10 の間。");
休憩;
ケース番号 > 10 && 番号 alert("10時から20時の間。");
休憩;
デフォルト:
alert("20 個以上。");
}

switch ステートメントは比較に等価演算子を使用するため、型変換は行われません。

エクササイズ:

コードをコピーします コードは次のとおりです:

<スクリプトタイプ="text/javascript">
var count = 10;
for (var i=0; i アラート(i);
}
アラート(i); //出力とは何ですか?

for(;;){
alert("2");//2は何回出力されるか?
}

上記がこの記事の全内容です。友人の参考になれば幸いです。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。