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

亚连
リリース: 2018-05-18 18:14:42
オリジナル
1421 人が閲覧しました

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(&#39;one&#39;);
break;
case 2:
alert(&#39;two&#39;);
break;
default:
alert(&#39;出错&#39;);
ログイン後にコピー

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

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

5. while ステートメント

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

6. for ステートメント

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

seven.for...in

var box ={
&#39;name&#39;=&#39;caibaojian&#39;,
&#39;age&#39;= 24
}

for (var x in box){
alert(x);
}
ログイン後にコピー

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

var box = {
&#39;name&#39; = &#39;caibaojian&#39;,
&#39;age&#39; = 24
}

with(box){ //with(box)可以将box给省略
var n= name;
var a = age;
}
ログイン後にコピー

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

関連記事:

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

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

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

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!