条件分岐と繰り返し

if は条件によって処理を分けます。比較では値と型の両方を見る厳密等価演算子 === を基本にします。

このLessonのゴール

• ifとelseを使って条件に応じた処理を書ける
• 比較条件を使って処理する値を絞り込める
• forEachで配列の要素を順番に処理できる

今回新しく作るファイル

with-cafe/practice/javascript/
├── 02-control-flow.html
└── 02-control-flow.js

02-control-flow.htmlから02-control-flow.jsを読み込みます。前の変数Lessonのファイルは、復習できるように残しておきます。

<script src="02-control-flow.js" defer></script>

ブラウザで確認するファイル

02-control-flow.htmlをブラウザで開き、DevToolsのConsoleを表示します。02-control-flow.jsを変更したら、保存してブラウザを再読み込みしてください。

const score = 80;

if (score >= 80) {
  console.log("合格です");
} else {
  console.log("もう一度復習しましょう");
}

配列の各要素を処理するときは forEach が使えます。

const lessons = ["HTML", "CSS", "JavaScript"];
lessons.forEach((lesson) => {
  console.(lesson);
});