ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript フロー制御ステートメントの while ループと do...while ループの構文例の詳細な説明

JavaScript フロー制御ステートメントの while ループと do...while ループの構文例の詳細な説明

伊谢尔伦
リリース: 2017-07-24 09:44:51
オリジナル
2325 人が閲覧しました

while ループ

while ループは、for ループと同じ機能を持ち、特定の条件が満たされなくなるまでコードを繰り返し実行します。
while ステートメントの構造:


 while(判断条件)
 {
   循环语句
 }
ログイン後にコピー

while ループを使用して、ボックスからボールを​​ 1 つずつ、合計 6 個取り出すアクションを完了します。


<script type="text/javascript">
   var num=0; //初始化值
   while (num<=6){ //条件判断
     document.write("取出第"+num+"个球<br />");
     num=num+1; //条件值更新
   }
 </script>
ログイン後にコピー

Do...while ループ
do while 構造の基本原理は基本的に while 構造と同じですが、ループ本体が少なくとも 1 回実行されることが保証されます。最初にコードを実行し、次に条件を判断するため、条件が true の場合はループが続行されます。
do...while ステートメントの構造:


 do
 {
   循环语句
 }
 while(判断条件)
ログイン後にコピー

5 つの数値を出力してみます。


<script type="text/javascript">
   num= 1;
   do{
     document.write("数值为:" + num+"<br />");
    num++; //更新条件
   }
   while (num<=5)
 </script>
ログイン後にコピー

do...while ステートメントを使用して 6 つの数値を出力します。


<script type="text/javascript">
   var mynum =6;//mynum初值化数值为6
   do{
     document.write("数字:"+mynum+"<br/>");
     mynum=mynum-1;
   }
  while(mynum>=1);
 </script>
ログイン後にコピー

ループbreakを終了
while、for、do...while、whileループ内でbreakステートメントを使用して、現在のループを終了し、次のコードを直接実行します。
形式は次のとおりです:


 for(初始条件;判断条件;循环后条件值更新){
   if(特殊情况)
   {break;}
   循环代码
 }
ログイン後にコピー

スコアが合格した場合は、次のスコアを出力し続けます。スコアが不合格の場合は、終了し、それ以降のスコアは出力されません。

 <script type="text/JavaScript">
   var mynum =new Array(70,80,66,90,50,100,89);//定义数组mynum并赋值
   var i=0;
   while(i<mynum.length){
     if(mynum[i]<60){
     document.write("成绩"+mynum[i]+"不及格,不用循环了"+"<br>");
     break;
     }
     document.write("成绩:"+mynum[i]+"及格,继续循环"+"<br>");
     i=i+1;
   }
 </script>
ログイン後にコピー

サイクルを続ける continue
ステートメントの構造:

 for(初始条件;判断条件;循环后条件值更新){
   if(特殊情况){
     continue;
   }
   循环代码
 }
ログイン後にコピー

上記のループでは、特別な状況が発生した場合、このループはスキップされ、後続のループには影響しません。

例: テストのスコアを出力します。スコアが合格した場合は、次のスコアを出力し続けます。スコアは不合格の場合は出力されません。



<script type="text/JavaScript">
   var mynum =new Array(70,80,66,90,50,100,89);//定义数组mynum并赋值
   var i;
   for(i=0;i<mynum.length;i++){
     if(mynum[i]<60){
       document.write("成绩不及格,不输出!"+"<br>");
       continue;
     }
     document.write("成绩:"+mynum[i]+"及格,输出!"+"<br>");
   }
 </script>
ログイン後にコピー

大学のプログラミングの選択クラスで、名前、性別、年齢、学年を含む、クラスに参加している一連の学生データを取得しました。 次に、JavaScript の知識を使用して、[名前を付けるすべての女の子に名前を付ける] を選択する必要があります。新入生です。

学生情報は次のとおりです:

(「リトル A」、「女性」、21 歳、「新入生」)、(「リトル B」、「男性」、23 歳、「ジャーナル」)、

(「リトル C」 ','男性',24,'先輩'), ('リトル D','女性',21,'新入生'),

('リトル E','女性',22,'先輩' ), ( 'リトル F','男性',21,'新入生'),

('リトル G','女性',22,'2 年生'), ('リトル H','女性',20,'3 年生')、

('リトル I'、'女性'、20、'新入生')、('リトル J'、'男性'、20、'3 年生')


<script type="text/javascript">
  //第一步把之前的数据写成一个数组的形式,定义变量为 infos
  var infos = [
    [&#39;小A&#39;,&#39;女&#39;,21,&#39;大一&#39;],
    [&#39;小B&#39;,&#39;男&#39;,23,&#39;大三&#39;],
    [&#39;小C&#39;,&#39;男&#39;,24,&#39;大四&#39;],
    [&#39;小D&#39;,&#39;女&#39;,21,&#39;大一&#39;],
    [&#39;小E&#39;,&#39;女&#39;,22,&#39;大四&#39;],
    [&#39;小F&#39;,&#39;男&#39;,21,&#39;大一&#39;],
    [&#39;小G&#39;,&#39;女&#39;,22,&#39;大二&#39;],
    [&#39;小H&#39;,&#39;女&#39;,20,&#39;大三&#39;],
    [&#39;小I&#39;,&#39;女&#39;,20,&#39;大一&#39;],
    [&#39;小J&#39;,&#39;男&#39;,20,&#39;大三&#39;]
  ];
  //第一次筛选,找出都是大一的信息
  var arr1 = [];
  var n = 0;
  for(var i=0;i<infos.length;i++){ 
    if( infos[i][3] == "大一" ){ 
       arr1[n] = infos[i];
       document.write(arr1[n]+"<br/>");
       n=n+1;
    } 
  }
  document.write("大一人数: "+arr1.length+"<br/>"); 
  //第二次筛选,找出都是女生的信息
  for(var i=0;i<arr1.length;i++){ 
  //这里可以用switch 
    if(arr1[i][1]==&#39;女&#39;){
      document.write(arr1[i][0]+"<br/>");
    }
  }
</script>
ログイン後にコピー

以上がJavaScript フロー制御ステートメントの while ループと do...while ループの構文例の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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