JavaScript で「繰り返し」２

　今回も繰り返し処理です。ループ処理の流れを変える方法を考えます。

１　break 文とは

　ループ処理の流れは break 文で変えることができます。

書式

while（条件式）{
    行わせたい処理
        条件式
            break;
}

　書式例は上記のようになります。
　この例では、ループの条件式内に break を記述しているため、処理の途中でこの while ループを抜けることができます。

　まずは通常のループ処理です。

HTML（コード入力）

<!DOCTYPE html>
<html lang="ja">

<head>
<title>breakなし</title>
<meta charset="UTF-8">
</head>

<body>

<p>breakなし
<script>
let a = 0;
while(a < 7){
    document.write(a + " ");
    a++;
}
</script>
</p>

</body>
</html>

ブラウザ（実行結果）

breakなし

　ループ処理によって、変数 a に「０」から「６」までが代入され、document.write が計７回実行されました。

　条件式と break を置いてみましょう。

HTML（コード入力）の一部

<p>breakあり
<script>
let b = 0;
let c = 0;
while(b < 7){
    document.write(b + " ");
    b++;
    c = b * 2
    if(c > 9){
        break;
    }
}
</script>
</p>

ブラウザ（実行結果）

breakなし

breakあり

　この例では、変数 b のほかに、新たに c （ b の倍数）という変数を作っています。
　そしてループ内の処理（document.write、b++）のあと、変数 c の値を判断して、c が「９」より小さいときは、break によりこのループ処理を抜けるようにしています。
　ループ処理を抜けるタイミングは、c > 9 のとき、つまり c が「１０」のときですから、このとき b の値は「５」です。
　そして、その直前の document.write における変数 b の値は b++ の処理の前なので「４」です。
　したがって、変数 b の値が「０」から「４」までの間、計５回 document.write が実行されることになります。

２　continue 文とは

ループ処理の流れは continue 文でも変えることができます。

書式

while（条件式）{
    条件式
        continue;
    行わせたい処理
}

　書式例は上記のようになります。
　この例では、ループの条件式内に continue を記述しているため、以降の処理は実行されず、while ループの先頭まで戻ります。
　ループ処理が終了するのではなく、ある条件を満たしたときだけ、行わせたい処理を実行せずにループ処理を継続する点に注意です。

　まずは通常のループ処理です。

HTML（コード入力）

<!DOCTYPE html>
<html lang="ja">
<head>
<title>continueなし</title>
<meta charset="UTF-8">
</head>
<body>

<p>continueなし
<script>
let d = 0;
while(d < 7){
    d++;
    document.write(d + " ");
}
</script>
</p>

</body>
</html>

ブラウザ（実行結果）

continueなし

　ループ処理によって、変数 d に「０」が代入されループ処理が始まります。
　まず d++ と記述されていることから「１」から処理が開始されます。
　そして、変数 d の値が「７」になったときの処理 document.write が実行されたあと、条件式 d < 7 が判断されループから抜けることになります。

　次は上記の break と異なる位置に条件式と continue を置いてみましょう。

HTML（コード入力）の一部

<p>continueあり
<script>
let e = 0;
while(e < 7){
    e++;
    if(e == 3){
        continue;
    }
    document.write(e + " ");
}
</script>
</p>

ブラウザ（実行結果）

continueあり

　この例では、変数 e の増分処理 e++ と、document.write との間に、条件式と continueを挿入しています。
　ループ内でまず変数 e に「１」が足されて、変数 e の値が「１」で処理がスタートします。
　この if 文では、変数 e の値が「３」のときに、その下の処理 document.write を実行せずに先頭に戻るという記述です。
　したがって、変数 e の値が「１」のときは、そのまま document.write が実行されます。

　そして、変数 e の値が「３」のときに、この if 文の条件式を満たすために、document.write は実行されず、そのまま先頭に戻ることになります。
　繰り返しますが、戻ってもループ処理自体は継続（コンティニュー）します。
　ですので、実行結果を見ると、「３」という数値だけが抜けていますね。

　なお、for 文でも同じように、break や continue を使うことができます。

３　次回

　さて次回は、これまた重要な「コレクション」（いわゆる配列）についてみていきます。

更新記事

『会社四季報 2024年 3集夏号』を読む１１（オリゴマー、エッジＡＩ、ＭＬＣＣ、ジルコニウム、アセチレンガス、ファインケミカル）2024-07-25
『会社四季報 2024年 3集夏号』を読む１０（フラッシュハンドル、自動配膳ロボット、Ｒ－ＳＵＤ、レコメンド機能、マーチャンダイジング、エレクトロニクスガス、コーシャ認証）2024-07-22
『会社四季報 2024年 3集夏号』を読む９（ペロブスカイト太陽電池、プロテイン、銀だこ、尿素ＳＣＲ、エクソソーム）2024-07-19
『会社四季報 2024年 3集夏号』を読む８（ドミナント、ＥＢＩＴＤＡ、ＳＡＦ、消防車、キャンプ用品、ＧＩＧＡスクール、ボウリング場）2024-07-16
『会社四季報 2024年 3集夏号』を読む７（ＭＤ、パーム椰子、ＧＭＳ、ＥＣ、デジタルサイネージ、ハラール認証、ヴィーガンコスメ）2024-07-13
『会社四季報 2024年 3集夏号』を読む６（ＢＩＭ、ＣＭＳ、つけまつげ、ＣＤＭＯ、ＢＮＰＬ、ＥＤＩ、ＣＲＭ）2024-07-10
『会社四季報 2024年 3集夏号』を読む５（アグリゲーション、ＥＭＳ、ＢＰＯ、のれん、カカオ豆、オーツミルク）2024-07-07
『会社四季報 2024年 3集夏号』を読む４（ＳＥＰ、社内起業、ＺＥＰ、ＶＰＰ、ＤＯＥ、バイオセンサー、ＰＢＸ）2024-07-04
『会社四季報 2024年 3集夏号』を読む３（海上油田、シェールオイル、カーボンクレジット、キャッシュフロー経営、軽量気泡コンクリート、医療観光、洋上風力発電）2024-07-01
テーマ株投資（５か月）2024-06-28
『会社四季報 2024年 3集夏号』を読む２2024-06-25
『会社四季報 2024年 3集夏号』を読む１2024-06-22
JavaScript でDOM ２2024-06-18
JavaScript でDOM １2024-06-14
JavaScript でオブジェクト５2024-06-10
JavaScript でオブジェクト４2024-06-06
JavaScript でオブジェクト３2024-06-02
JavaScript でオブジェクト２2024-05-29
JavaScript でオブジェクト１2024-05-25
JavaScript で関数３2024-05-21
JavaScript で関数２2024-05-17
JavaScript で関数１2024-05-13
JavaScript で配列６2024-05-10
JavaScript で配列５2024-05-07
JavaScript で配列４2024-05-04
テーマ株投資（３カ月目）2024-05-02
JavaScript で配列３2024-04-27
JavaScript で配列２2024-04-24
JavaScript で配列１2024-04-21
JavaScript で「繰り返し」２2024-04-18
『チーズはどこへ消えた？』を読む２2024-04-15
『チーズはどこへ消えた？』を読む１2024-04-11
JavaScript で「繰り返し」１2024-04-07
JavaScript で「もし」３2024-04-01
テーマ株投資（２カ月目）2024-03-29
JavaScript で「もし」２2024-03-28
「記憶」本５冊を読む３2024-03-24
「記憶」本５冊を読む２2024-03-20
「記憶」本５冊を読む１2024-03-17
テーマ株投資（１カ月半）2024-03-15
「睡眠」本６冊を読む３（夜間・朝の行動）2024-03-10
「睡眠」本６冊を読む２（昼間の行動）2024-03-03
テーマ株投資（１か月目）2024-03-01
JavaScript で「もし」１2024-02-29
JavaScript で変数３2024-02-27
「睡眠」本６冊を読む１（理論）2024-02-25
JavaScript で変数２2024-02-23
テーマ株投資（第３週目）2024-02-22
JavaScript でヘンな数2024-02-20
「メモ」本６冊を読む２（メモの方法）2024-02-18
テーマ株投資（第２週目）2024-02-16
JavaScript で足し算2024-02-14
「メモ」本６冊を読む１（メモの意義）2024-02-12
テーマ株投資（第１週目）2024-02-09
JavaScript で「こんにちは世界」2024-02-09
「コーチング」本６冊を読む2024-02-06
はじめてのテーマ株投資2024-02-01
JavaScript とは2024-01-30
「怒り」「アンガーマネジメント」本７冊を読む2024-01-27
JavaScript を始めてみる2024-01-22
初めての自動給水器2024-01-21
「ブランディング」本６冊を読む2024-01-20

手習い日記帳

JavaScript で「繰り返し」２

１　break 文とは

HTML（コード入力）

ブラウザ（実行結果）

HTML（コード入力）の一部

ブラウザ（実行結果）

２　continue 文とは

HTML（コード入力）

ブラウザ（実行結果）

HTML（コード入力）の一部

ブラウザ（実行結果）

３　次回

カテゴリー

更新記事

タグ

JavaScript で「繰り返し」２

１ break 文とは

HTML（コード入力）

ブラウザ（実行結果）

HTML（コード入力）の一部

ブラウザ（実行結果）

２ continue 文とは

HTML（コード入力）

ブラウザ（実行結果）

HTML（コード入力）の一部

ブラウザ（実行結果）

３ 次回

カテゴリー

更新記事

タグ

１　break 文とは

２　continue 文とは

３　次回