JavaScript フロー制御ステートメントのコレクション (グラフィック チュートリアル)

JS ではフロー制御ステートメントが重要です。 JS のフロー制御文には、if 条件判定文、for ループ文、while ループ文、do...while ループ文、break 文、 continue 文、switch 文の 7 種類の文が含まれています。

一、if文

if文は最も基本的な条件判断文です。表現条件に応じて対応する処理を行います。構文例は次のとおりです。

  var a=5;      //声明变量a，并赋值为5.
  var b;       //声明变量b。
  if(a==b){      //判断，如果a=b，则执行下面内容
    alert("b=5");  //弹窗，b=5.
  }

1.a==b は if ステートメント内の条件です。
2.alert("a=c") は if ステートメントの結果です。
このスクリプトの意味は、変数 a と b を宣言し、a=b の場合は a=5 を割り当て、ポップアップ ウィンドウ b=5 を割り当てます。
注: このスクリプトでは中括弧を省略できます。

2. If...else ステートメント

if...else ステートメントは、if ステートメントの標準形式です。 if に else を追加すると、ステートメントがより完全になります。
このステートメントの構文は次のとおりです:

  var a=5;
  var b;
  if(a==b){
    alert("b=5");
  }else {        //如果a!=b则执行下面内容
     alert("b!=5");

このスクリプトの意味は次のとおりです: 変数 a と b を宣言し、a=b、ポップアップ ウィンドウ b= の場合は値 a=5 を割り当てます。 5、それ以外の場合はポップアップ ウィンドウ b!=5 。

3. if...else if ステートメント

If...else if ステートメントは、if ステートメントを柔軟に使用できるものです。
このステートメントの構文は次のとおりです。

  var a=5;
  var b;
  var c;
  var d;
  var e;
  if(a==b){
    alert("b=5")
  }else if(a==c){     
    alert("c=5")
  }else if(a==d){
    alert("d=5")
  }else if(a==e){
    alert("e=5")
  }else{
    alert("b!=5、c!=5、d!=5、e!=5")
  }

構文の意味: 変数 a、b、c、d、e をクリアし、a=b、ポップアップ ウィンドウ b= の場合は a=5 を割り当てます。 5; a=c の場合、ポップアップウィンドウ c=5; a=e の場合、ポップアップウィンドウ e=5;アップウィンドウ b!=5、c!=5、d!=5、e!=5。

4. if ステートメントのネストされた使用

if ステートメントは、外部 if と内部 if を区別するために {} を使用できます。 {} を使用して階層関係を決定しない場合、プログラム コードの出力は理想的な意味とはまったく異なる可能性があります。

構文の例は次のとおりです。

<script type="text/javascript">    //脚本开始
var m=12;n=m;             //声明变量n、m的值都为12
if(m<1){                //外层if，判断当m<1时执行下面内容
  if(n==1)              //内层，当n等于1时输出下面内容
    alert("当m小于1时，n等于1");  //弹窗，当m小于1时，n等于1
  else                //当n不等于1时，执行下面内容
    alert("当m小于1时，n不等于1"); //弹窗，当m不小于1时，n不等于1
}else if(m>10){            //外层else if，判断外层m>10时执行下面内容
  if(n==1)              //内层，如果n等于1，执行下面内容
    alert("当m大于10时，n等于1");  //弹窗，当m大于10时，n等于1
  else                //n不等于1时，执行下面内容
    alert("当m大于10时，n不等于1"); //弹窗，当m大于10时，n不等于1
}  
</script>               //脚本结束

上記の構文の例は、基本的に if ステートメントの使用法を紹介しています。ここでは、if ステートメントを使用して、次のいずれかを判断する例を示します。ユーザー名を入力します。

HTML 部分:

JavaScript

結論: この記事では、if のさまざまな使用法と例を含め、主にフロー制御ステートメント内の if ステートメントについて説明します。これらは比較的単純な基本的なアプリケーションです。

以降の記事では、コア技術の長さが長くなります。皆さんも応援していただければ幸いです。

3. switch ステートメント

var box =1;
switch(box){
case 1:
alert('one');
break;
case 2:
alert('two');
break;
default:
alert('出错');

4. do... while ステートメント

は最初に実行され、その後ループ本体が少なくとも 1 回実行されます。

5. while ステートメント

まず判断してから実行します。実行するには条件が満たされる必要があります

6. for ステートメント

まず判断してから実行します。実行前に変数を初期化する機能があります。ループとその後のループの定義 コード

seven.for...in

var box ={
'name'='caibaojian',
'age'= 24
}

for (var x in box){
alert(x);
}

nine.with ステートメントを実行します

var box = {
'name' = 'caibaojian',
'age' = 24
}

with(box){ //with(box)可以将box给省略
var n= name;
var a = age;
}

上記は私が皆さんのためにコンパイルしたものです。将来的には誰にとっても役立つことを願っています。

関連記事:

ファイルのドラッグにJSを使用する

JS EventEmitterの使い方のヒントまとめ

jsオブジェクト配列のキー値の大文字と小文字の変換手順の詳細な説明

以上がJavaScript フロー制御ステートメントのコレクション (グラフィック チュートリアル)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。