JavaScript入門 - 条件分岐とループ

条件分岐とループ

条件分岐（if文）とループ（for文、while文）は、プログラムの流れを制御するための重要な構文です。条件に応じて異なる処理を実行したり、同じ処理を繰り返し実行したりすることができます。

タスク

if文の使用

条件分岐を使って、異なる処理を実行してみましょう。

switch文の使用

switch文を使って、複数の条件分岐を実装してみましょう。

for文の使用

for文を使って、処理を繰り返し実行してみましょう。

while文の使用

while文を使って、条件が満たされるまで処理を繰り返してみましょう。

for...of文の使用

for...of文を使って、配列の要素を順番に処理してみましょう。

ヒント

条件分岐とループの基本的な使い方を学びましょう。

参考コード

// 条件分岐とループの例
const output = document.getElementById("output");

// if文の例
const age = 20;
output.innerHTML = "<h3>if文の例</h3>";
if (age >= 20) {
    output.innerHTML += "<p>成人です</p>";
} else {
    output.innerHTML += "<p>未成年です</p>";
}

// switch文の例
const day = "月曜日";
output.innerHTML += "<h3>switch文の例</h3>";
switch (day) {
    case "月曜日":
        output.innerHTML += "<p>月曜日は忙しい日です</p>";
        break;
    case "金曜日":
        output.innerHTML += "<p>金曜日は週末が近いです</p>";
        break;
    default:
        output.innerHTML += "<p>その他の曜日です</p>";
}

// for文の例
output.innerHTML += "<h3>for文の例</h3>";
for (let i = 1; i <= 5; i++) {
    output.innerHTML += `<p>${i}回目の繰り返し</p>`;
}

// while文の例
output.innerHTML += "<h3>while文の例</h3>";
let count = 1;
while (count <= 3) {
    output.innerHTML += `<p>${count}回目のカウント</p>`;
    count++;
}

// 配列とfor...of文の例
const fruits = ["りんご", "バナナ", "オレンジ"];
output.innerHTML += "<h3>for...of文の例</h3>";
for (const fruit of fruits) {
    output.innerHTML += `<p>${fruit}が好きです</p>`;
}