サイクル
アクションを何度も繰り返す必要がある場合、プログラミングではサイクルが使用されます。たとえば、テキストを画面に200回表示する必要があります «Hello, World!» . 同じテキスト出力コマンドを200回繰り返す代わりに、ループの本体に書かれているを200回繰り返すループが作成されることがよくあります。各繰り返しは反復と呼ばれます。
プログラミングの反復(広義には)は、(再帰ではなく)呼び出し自体につながることなく、アクションが何度も繰り返されるデータ処理の編成です。狭義には、反復的で循環的なプロセスの1つのステップです。
サイクルイン JavaScript (そして他のすべての言語では )はコードのブロックですこれは、既知の条件が真である限り繰り返されます。ループにはさまざまな種類がありますが、基本的に同じことを行います。アクションを数回繰り返します。
サイクル while()
オペレーター while
テストされる条件が真である間、指定された命令を実行するループを作成します。条件の論理値は、ループ本体の実行前に計算されます。
構文
while (調子) {
命令 // アルゴリズムコード-命令
}
調子
- ループに入る前に毎回ブール値がチェックされる式。値がtrueの場合 - true
, その後、命令が実行されます。値がfalseになったとき - false
, ループを終了します.
命令
- これは、条件が真になるたびに実行されるアルゴリズムのコードです。ループ内で複数の命令を実行するには、ブロック❌演算子を使用します { ... }
それらをグループ化します。ループの本体で1つのコマンドを使用する場合、中括弧は省略できます.
これがループの最も簡単な例です while(調子) {...}
カウンター count
例ではそれが重要です 0
. ループの条件(角かっこで囲まれています)は、コードを含むブロックが(つまり、実際には)まで何度も繰り返されることです。 while
) count
もっと少なく 10
.
初期値以降 0
もっと少なく 10
, コードが実行されます。条件がまだ真である場合、インタープリターが✔заново条件を再チェックするたびに true
, その後、コードが再度実行されます。カウンター値を増やすたびに 1
. それ以外の場合、値は次のようになります。 0
, なぜ私たちの状態ですか カウンター < 10
常に真のままであり、コードは永久にループします!
その結果、 10
サイクル、それは等しくなります 10
. その後、通訳は条件としてループを終了します false
コードの最後の行に移動します。
サイクル for ()
式 for
セミコロンで区切られた括弧内の3つの3️⃣オプション式のループを作成します。
構文
for ([初期化]; [調子]; [最終式])
{ 式 }
初期化
- 変数の式または定義。この式は、オプションでキーワードを使用して新しい変数を宣言できます let
. これらの変数はループ内でのみ表示されます for
, それら。同じ範囲内(安全のため)).
調子
- ループの各反復で実行される式。式がtrueの場合、ループが実行されます。条件はオプションです。そうでない場合、条件は常に真と見なされます。式がfalseの場合、実行 for
終了します.
最終式
- ループ反復の最後に実行される式。次の条件が満たされるまで発生します。通常、 増加する++
, 減少--
または リニューアル i += 5
変数カウンター.
式
- ループ状態になるまでのアルゴリズムの実行可能コード 本当に
. ループ内で複数の式を実行するには、ブロックを使用します { ... }
これらの式をグループ化します。ループ内で式を実行しない場合は、空の式を使用します for (;;;)
.
から数の合計を計算しましょう 0 前 100 :
最初に1️⃣を書いたときのことを覚えておいてください while( )
, 私たちのカウンターはどうなりましたか?彼が絶えず変化することが非常に重要であることがわかりました(これは私たちを助けました インクリメント ++
). なぜなら、これを忘れると、コードが サイクルの無限のループ
。
まあ、このような状況はかなり定期的に発生します while‑サイクル
, それが理由です for
内蔵カウンターで!
ループの例 for
初めて構文を見る サイクル for
, あなたは🤔これは非常に奇妙なことだと思うかもしれません。しかし、あなたはそれを勉強する必要があります🎓あなたが会うので
このように何度も:
さて、あなたは知っていましたか?しかし、彼らは持っているべきです!結局のところ、これは私たちが使用したのと実質的に同じコードです while
章の始めでループしてください!サイクルの3つの部分は、セミコロンで互いに区切られています。それらはすべてそのサイクルにありました while
, しかし、他の場所で。よく見てみましょう:
- まず、カウンター変数を宣言します
let i = 0
. これは関数自体の中にあり、このサイクルの外にありますi
不在になります、そしてそれは安全です! - 次に、ループの各反復の前にインタープリターがチェックする条件を設定します(新しいコードからコードを開始する価値があるかどうかを判断するため)。反復は、ループの1回の反復と呼ばれます(たとえば、起動サイクルが10回あった場合、コードの反復は10回あったと言えます)。
- コードの3番目の部分は
インクリメント ++
(またはデクリメント --
). 各反復の最後に実行され、毎回変数を変更します。
結論
ほとんどの場合、必要な反復回数がわかっていると、次の作業を行う可能性が高くなります。 for
, ではなく while
. この点で、サイクル for
とても人気があります。他のサイクルもありますが、あまり人気がなく、必要に応じて知ることができます。 ここに.
問題?
に書く Discord または電報 チャット, また、私たちの購読 ニュース
質問と回答:
特定の条件が真でなくなるまで何度も繰り返されるコードのブロックの名前は何ですか?
- サイクル
- 状態
- 初期化
2つのループ演算子のどちらがより人気がありますか?
for
while
break
次のコードはコンソールにいくつのメッセージを出力しますか?
let k = 0
while (k < 7) {
console.log('もう1行!')
}
7
8
無限に
括弧内のサイクルの部分を互いに分離するために使用される文字 for?
&&
;
=!
もし _______
常に真のままであると、コードが無限にスタックする可能性があります _______
.
- 条件/ループ 2.サイクル/状態
平均の名前は何ですか _____
ループの3つの括弧で囲まれた部分の for
?
- 式 2.状態 3.インクリメント
次のコードはコンソールにいくつのメッセージを出力しますか?
const maxNumer = 17
let n = 0
while (n <= maxNumer) {
console.log('数えてみよう! ' + n)
n = n + 2
}
8
9
10
サイクルの1回(ステップ)の経過を表す用語は何ですか?
- 反復
- 割り込み
- ループ
このレッスンをどれだけ学んだかを理解するために、でテストを受けてください モバイルアプリ このトピックに関する私たちの学校。
リンク:
- MDN web doc. 論文 "サイクル do...while"
- MDN web doc. 論文 "サイクル for"
- MDN web doc. 論文 "サイクル while"
- 論文 "Iteration", 論文 Javascript Express
- 論文 "サイクル while そして for"
- 十代の若者たちのためのコード:プログラミングの完璧な初心者向けガイド、ボリューム 1: Javascript - Jeremy Moritz
Contributors ✨
Thanks goes to these wonderful people (emoji key):
Dmitriy K. | Dmitriy Vasilev 💵 | Resoner2005 🐛 🎨 🖋 | Navernoss 🖋 🐛 🎨 |