Summary  
This chapter covers using while loops to repeatedly execute code based on a Boolean condition and using string comparisons to control that flow.  

General domain of usage  
Grid-based navigation in games or simulations.

whileループの章へようこそ。この章では、whileループを使って忍者が寿司をより効率的に集める方法を学びます。また、忍者が周囲を把握するための新しいメソッドや、JavaScriptで文字列を比較する方法についても解説します。

## whileループの理解

whileループは、指定されたブール条件に基づいてコードを繰り返し実行できる制御フロー文です。ループ内のコードは、条件がtrueである限り実行され続けます。これは、事前に何回実行するか分からない場合に、同じ処理を複数回行いたいときに特に便利です。

### whileループの構文

条件がfalseになるまで、ループ内のコードブロックが繰り返し実行されます。



let i = 0
while (i < 5) {
  console.log("Incrementing:", i);
  i++;
}

## 忍者の周囲の確認

忍者が世界を移動するために、いくつかのメソッドが用意されています。`objectUp()`メソッドは、忍者の真上のセルに何があるかを確認します。同様に、`objectDown()`は下のセル、`objectRight()`は右のセル、`objectLeft()`は左のセルを確認します。これらの各メソッドは、隣接するセル内のオブジェクトを表す文字列を返します。返される値は `"wall"`、`"sushi"`、または `"empty"` のいずれかです。

## 文字列の比較

JavaScriptでは、`===` および `!==` 演算子を使って文字列を比較できます。`===` 演算子は2つの文字列が完全に一致するかどうかを判定し、`!==` 演算子は2つの文字列が異なるかどうかを判定します。これらの演算子は、忍者の周囲の状況に応じて処理を分岐させたい場合に役立ちます。

## 例

whileループと忍者のメソッドを組み合わせて、列から寿司を集める例を見てみましょう。

ZnVuY3Rpb24gbmluamFDb250cm9sbGVyKG5pbmphKSB7CgluaW5qYS5nb1VwKCkKCWNvbGxlY3RDb2x1bW4obmluamEpOwoJbmluamEuZ29SaWdodCgpOwoJY29sbGVjdENvbHVtbihuaW5qYSk7Cn0KCmZ1bmN0aW9uIGNvbGxlY3RDb2x1bW4obmluamEpIHsKCWxldCBjb2xsZWN0ZWQgPSAwOwoJd2hpbGUgKG5pbmphLm9iamVjdFVwKCkgPT09ICJzdXNoaSIpIHsKCQluaW5qYS5waWNrU3VzaGkoKTsKCQluaW5qYS5nb1VwKCk7CgkJY29sbGVjdGVkKys7Cgl9CgluaW5qYS5waWNrU3VzaGkoKTsKCglmb3IgKGxldCBpID0gMDsgaSA8IGNvbGxlY3RlZDsgaSsrKSB7CgkJbmluamEuZ29Eb3duKCk7Cgl9Cn0K

PCFkb2N0eXBlIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04IiAvPgogICAgPG1ldGEgbmFtZT0idmlld3BvcnQiIGNvbnRlbnQ9IndpZHRoPWRldmljZS13aWR0aCwgaW5pdGlhbC1zY2FsZT0xLjAiIC8+CiAgICA8c3R5bGU+CiAgICAgICogewogICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTsKICAgICAgfQogICAgICBjYW52YXMgewogICAgICAgIGJvcmRlcjogMXB4IHNvbGlkIGJsYWNrOwogICAgICAgIHdpZHRoOiAxMDAlOwogICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7CiAgICAgICAgaGVpZ2h0OiAxMDAlOwogICAgICAgIG1heC13aWR0aDogNTAwcHg7CiAgICAgICAgbWF4LWhlaWdodDogNTAwcHg7CiAgICAgIH0KICAgIDwvc3R5bGU+CgogICAgPCEtLSBFcnJvciBoYW5kbGVyIC0tPgogICAgPHNjcmlwdD4KICAgICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoImVycm9yIiwgKGUpID0+IHsKICAgICAgICBjb25zb2xlLmVycm9yKCJDYXRjaGVkIG5pbmphIGVycm9yOiAiLCBlKTsKICAgICAgICB3aW5kb3cucGFyZW50LmRvY3VtZW50LmRpc3BhdGNoRXZlbnQobmV3IEN1c3RvbUV2ZW50KCJlcnJvciIsIHsgZGV0YWlsOiBlLmVycm9yIH0pKTsKICAgICAgfSk7CiAgICA8L3NjcmlwdD4KICAgIDwhLS0gTGV2ZWwgcHJlc2V0IHN0YXJ0IC0tPgogICAgPHNjcmlwdCBzcmM9InByZXNldC5qcyI+PC9zY3JpcHQ+CiAgICA8IS0tIExldmVsIHByZXNldCBlbmQgLS0+CiAgICAKICAgIDwhLS0gVXNlcidzIGNvZGUgc3RhcnQgLS0+CiAgICA8c2NyaXB0IHNyYz0ibmluamEuanMiPjwvc2NyaXB0PgogICAgPCEtLSBVc2VyJ3MgY29kZSBlbmQgLS0+CgogICAgPHNjcmlwdCB0eXBlPSJtb2R1bGUiIGNyb3Nzb3JpZ2luIHNyYz0iaHR0cHM6Ly9jb2RlZmluaXR5LWNvbnRlbnQtbWVkaWEtdjIuczMuZXUtd2VzdC0xLmFtYXpvbmF3cy5jb20vY291cnNlcy9jNTVkMjZiNS1mOGU2LTRjODUtYWJkNS0yNGZjMDE3MGE0Y2UvZ2FtZS9hc3NldHMvaW5kZXgtN3RZdzdoYnkuanMiPjwvc2NyaXB0PgogICAgPGxpbmsgcmVsPSJzdHlsZXNoZWV0IiBjcm9zc29yaWdpbiBocmVmPSJodHRwczovL2NvZGVmaW5pdHktY29udGVudC1tZWRpYS12Mi5zMy5ldS13ZXN0LTEuYW1hem9uYXdzLmNvbS9jb3Vyc2VzL2M1NWQyNmI1LWY4ZTYtNGM4NS1hYmQ1LTI0ZmMwMTcwYTRjZS9nYW1lL2Fzc2V0cy9pbmRleC1UWnJOdzdkQS5jc3MiPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDxkaXYgaWQ9ImFwcCI+PC9kaXY+CiAgPC9ib2R5Pgo8L2h0bWw+Cg==

Z2FtZU1hcCA9IFtbMCwwLDAsMCwwLDAsMCwwLDBdLFswLDAsMCwwLDAsMCwwLDAsMF0sWzAsMCwwLDEsMywwLDEsMCwwXSxbMCwwLDAsMSwzLDAsMSwwLDBdLFswLDAsMCwxLDMsMywxLDAsMF0sWzAsMCwwLDEsMywzLDEsMCwwXSxbMCwwLDAsMSwzLDMsMSwwLDBdLFswLDAsMCwxLDIsMSwxLDAsMF0sWzAsMCwwLDAsMCwwLDAsMCwwXV07Cg==

この例では、`collectColumn` 関数が while ループを使用して列内のすべての寿司を集めます。忍者は自分の上に寿司があるかどうかを確認し、寿司がなくなるまで取り続けて上に移動します。収集が終わった後、忍者は元の位置に戻ります。

JavaScript Ninjaコースへようこそ！この魅力的でインタラクティブなコースは、楽しく教育的なゲームを通じてJavaScriptプログラミングの基礎を紹介するように設計されています。あなたは忍者をさまざまなチャレンジに導き、JavaScriptを使って動きを制御し、寿司のようなオブジェクトと対話します。基本から始めて、マップのナビゲート方法、寿司の取得と配置方法を学び、徐々に関数、ループ、条件分岐などのより複雑なプログラミング概念へと進みます。各章では実践的な演習を通じて学習を強化し、最後にはスキルを試すエキサイティングなチャレンジが待っています。完全な初心者でも、コーディングスキルを磨きたい方でも、このコースは包括的で楽しい学習体験を提供します。ぜひご参加いただき、コーディング忍者になりましょう！

シンプルなJavaScriptコマンドを使用して忍者を操作する方法を学びます。グリッド内を移動してさまざまな方向に進みます。定義済みのアクションを呼び出して寿司を拾います。シーケンスと基本的なコード実行を強化する小さなミッションを解決します。

移動コマンドを使用して、より複雑なレイアウトをナビゲートします。寿司を拾い、特定のセルに配置します。移動とオブジェクト操作を組み合わせて、寿司をグリッド上で運びます。計画性、正確さ、忍者の行動を完全に制御することが求められる複数ステップのミッションを解決します。

「関数」セクションでは、JavaScriptの強力な機能である関数の作成と活用について深く学びます。特定のタスクを実行する関数の記述方法を習得し、コードの再利用性と明瞭性を高めます。分解の実践を通じて、複雑な問題をより単純な関数に分割し、組織的かつ効率的なコーディング技術を身につけます。

「ループ」セクションでは、繰り返し処理を効率的に実行できるJavaScriptの重要な機能であるループについて学びます。forループとwhileループの実装方法を習得し、アクションの自動化やシーケンスの反復処理が可能になります。ネストされたループをマスターすることで、より複雑なシナリオにも対応でき、簡潔かつ強力なコードを書く能力が向上します。

「If-Else文」セクションでは、JavaScriptの条件分岐ロジックを使用してコード内で意思決定を行う方法を学びます。if-else文が、忍者がさまざまな状況に動的に対応し、より知的で適応力のある動作を可能にする仕組みを探ります。実践的な演習を通じて、これらの概念を課題解決に応用し、応答性と意思決定に基づいたコードを書く能力を高めます。

「チャレンジ」セクションでは、JavaScriptのスキルを活用して、魅力的かつ複雑な問題に取り組みます。これらのチャレンジは、ループ、関数、条件分岐ロジックの理解を試すものであり、忍者を導いて列を揃えたり、文字を作成したり、複雑なパターンを移動したりします。これらのパズルを解くことで、コーディング能力が磨かれ、JavaScriptを創造的かつ実践的な場面で活用する自信が得られます。

Whileループ

whileループの理解

whileループの構文

忍者の周囲の確認

文字列の比較

例

解答