Summary  
This chapter covers using if-else statements to direct code flow based on boolean conditions and demonstrates the “!” operator for negating expressions.

General domain of usage  
Game logic development

この章では、JavaScriptにおけるif-else文の概念について解説します。if-else文は、特定の条件に基づいてコード内で判断を行うためのものです。これは、プログラムの制御フローを管理するための基本的な概念です。

## if-else文の理解

if-else文は、条件を評価し、その条件が真であればコードブロックを実行します。条件が偽の場合は、代わりのコードブロックを実行することができます。これにより、異なる状況に応じてプログラムの動作を変えることが可能になります。

以下は、if-else文の基本構造です:

const condition = true
if (condition) {
  console.log("Condition is true")
} else {
  console.log("Condition is false")
}

### 「!」記号

「!」記号は、ブール式を否定するために使用されます。条件が真の場合、「!」を使うことで偽になり、その逆も同様です。条件が満たされていない場合のみコードを実行したいときに非常に便利です。

例:

const condition = false
if (!condition) {
  console.log("Condition is false")
}

## 例

if-else文を使って、忍者がマップ上のすべての寿司を集める例を見てみましょう。忍者はグリッド上を移動し、壁を避けながら寿司を拾います。

ZnVuY3Rpb24gbmluamFDb250cm9sbGVyKG5pbmphKSB7Cgl3aGlsZSAoIShuaW5qYS5vYmplY3RVcCgpID09PSAid2FsbCIgJiYgbmluamEub2JqZWN0UmlnaHQoKSA9PT0gIndhbGwiKSkgewoJCWlmIChuaW5qYS5vYmplY3RSaWdodCgpID09PSAid2FsbCIpIHsKCQkJbmluamEuZ29VcCgpOwoJCQluaW5qYS5waWNrU3VzaGkoKTsKCQl9CgkJbmluamEuZ29SaWdodCgpOwoJCW5pbmphLnBpY2tTdXNoaSgpOwoJfQp9

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

Z2FtZU1hcCA9IFtbMCwwLDAsMCwwLDAsMCwzLDMsM10sWzAsMCwwLDAsMCwwLDAsMSwxLDFdLFswLDAsMCwwLDAsMywzLDEsMCwwXSxbMCwwLDAsMCwwLDEsMSwxLDAsMF0sWzAsMCwwLDAsMCwxLDAsMCwwLDBdLFswLDAsMCwwLDAsMSwwLDAsMCwwXSxbMCwwLDAsMCwwLDEsMCwwLDAsMF0sWzAsMCwzLDMsMywxLDAsMCwwLDBdLFsyLDMsMSwxLDEsMSwwLDAsMCwwXSxbMSwxLDEsMCwwLDAsMCwwLDAsMF1dOwo=

この例では、忍者は上と右の両方に壁が現れるまで移動し続けて寿司を拾います。if-else文は右側に壁があるかどうかを判定します。壁がある場合、忍者は上に移動して寿司を拾います。そうでない場合は、右に移動して寿司を拾います。

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

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

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

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

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

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

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

if-else文

if-else文の理解

「!」記号

例

解答