JavaScriptの制御構文:条件分岐とループの使い方

2024/07/09
x-logoline-logo
JavaScript入門
1. JavaScriptとは?プログラミング初心者のための基礎知識
2. JavaScriptの基本構文:変数、データ型、演算子を理解しよう
3. JavaScriptの制御構文:条件分岐とループの使い方
4. JavaScriptの関数:定義と呼び出し方をマスターしよう
5. JavaScriptのオブジェクトと配列:データを効率的に扱う方法
6. JavaScriptのイベント処理:ユーザーの操作に反応する方法
7. JavaScriptでDOM操作を学ぶ:HTML要素を動的に変更する
8. JavaScriptの非同期処理:PromiseとAsync/Awaitの基礎
9. JavaScriptのエラーハンドリング:try, catch, finallyの使い方
10. JavaScriptのモジュール:コードを分割して管理する方法
11. JavaScriptのデバッグ方法:ブラウザの開発者ツールを使いこなそう
12. JavaScriptの配列メソッド:map, filter, reduceの使い方
13. JavaScriptのストレージAPI:ローカルストレージとセッションストレージの使い方
14. JavaScriptとAjax:サーバーとの非同期通信を実現する方法
15. JavaScriptのオブジェクト指向プログラミング:クラスと継承の基礎
16. JavaScriptのテンプレートリテラル:文字列操作を効率化しよう
17. JavaScriptのDateオブジェクト:日付と時間を扱う方法
18. JavaScriptの正規表現:パターンマッチングを活用しよう
19. JavaScriptのクローン作成:オブジェクトの深いコピーと浅いコピー
20. JavaScriptのパフォーマンス最適化:効率的なコードを書くためのポイント

JavaScriptの制御構文:条件分岐とループの使い方

2024/07/09
x-logoline-logo
PR

今回は、「条件分岐」と「ループ」について説明します。制御構文を理解すると、より複雑な動きをするプログラムを作ることができるようになります。

条件分岐とは?

条件分岐は、「もし~ならこうする」という動きをプログラムにさせるためのものです。例えば、テストの点数が合格点以上なら「合格」、それ以外なら「不合格」と表示させるときに使います。

if文の使い方

最も基本的な条件分岐がif文です。シンプルな構造なので、まずはこれを覚えましょう。


let score = 75;

if (score >= 60) {
  console.log("合格");
} else {
  console.log("不合格");
}

上の例では、点数が60以上なら「合格」と表示され、それ以外なら「不合格」と表示されます。

else if文

複数の条件をチェックしたいときはelse if文を使います。


let score = 75;

if (score >= 90) {
  console.log("最高評価");
} else if (score >= 75) {
  console.log("良い評価");
} else if (score >= 60) {
  console.log("合格");
} else {
  console.log("不合格");
}

ここの例では、点数に応じて4つの評価が表示されるようになっています。

ループとは?

ループは、同じ処理を繰り返すときに使います。例えば、1から10までの数字を順に表示するような場合に便利です。

for文の使い方

一番よく使うループがfor文です。条件が満たされるまで繰り返します。


for (let i = 1; i <= 10; i++) {
  console.log(i);
}

この例では、変数iが1から10まで変わり、それぞれの値が表示されます。

while文

条件がtrueである間、繰り返すのがwhile文です。


let i = 1;

while (i <= 10) {
  console.log(i);
  i++;
}

この例でも1から10までの数字が表示されますが、i++(iを1ずつ増やす)ことでループを制御しています。

まとめ

今回は、JavaScriptの基本的な制御構文である「条件分岐」と「ループ」について学びました。これらを使えるようになると、プログラムがもっと複雑で強力なものになります。ぜひ、自分で試しながら理解を深めていってください!

この記事はAIを使用して作成されています。
PR