【5分でわかる】JavaScript ループの基本を理解しよう

Javascript ループ 配列

JavaScriptにおけるループは、プログラミングにおいて頻繁に使用される重要な概念の一つです。ループを理解することは、効率的で柔軟なコードを作成するために不可欠です。この記事では、JavaScriptのループの基本をたった5分でわかりやすく解説します。初心者の方でも理解しやすいように、基本的な構文や使い方に焦点を当てて解説していきます。JavaScriptの世界におけるループの基本を押さえ、よりスマートなコーディングを目指しましょう。

目次

ループとは?

ループは、繰り返し処理を行うために使用されます

JavaScriptにはいくつかの種類のループがあります。これには、

forループ、whileループ、do-whileループが含まれます。

forループ

forループ文の基本構造

forループは、初期化、条件、更新の3つの式を含む構造を持っています。

for (初期化式; 条件式; 更新式) {
  // 繰り返し実行するコード
}

解説:

  • 初期化式(Initialization Expression): ループが始まる前に一度だけ実行される式。通常、カウンタ変数を初期化するのに使用します。
  • 条件式(Condition Expression): 各繰り返しの前に評価され、条件が真であればループが継続され、偽であればループが終了します。
  • 更新式(Update Expression): 各繰り返しの後に実行され、通常はカウンタ変数を更新するのに使用します。

for (let i = 0; i < 5; i++) {
  console.log(i);
}

結果

0
1
2
3
4
エンジニア:プロくん

このforループは、0から4までの数字を順番に表示します。
初期化でiを0に初期化し、条件でi < 5(5未満の間)とし、
i++(iを1ずつ増やす)としています。

新人:グラミちゃん

なるほど!1ずつ繰り返し増えてるね!

whileループ

whileループ文の基本構造

whileループは、指定された条件が真の間、繰り返し実行されます。

while (条件式) {
  // 繰り返し実行するコード
}

解説:

条件式(Condition Expression): 各繰り返しの前に評価され、条件が真であればループが継続され、偽であればループが終了します。

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

結果

0
1
2
3
4
エンジニア:プロくん

このwhileループも同じく、0から4までの数字を順番に表示します。初期化でiを0に初期化し、条件でi < 5(5未満の間)とし、更新でi++(iを1ずつ増やす)としています。

新人:グラミちゃん

これも同じ結果が出せるね!

do-whileループ

do-whileループ文の基本構造

do-whileループは、条件が真である限り、繰り返し実行されます。最初に一度は必ず実行されます。

while (条件式) {
  // 繰り返し実行するコード
}

解説:

条件式(Condition Expression): 各繰り返しの後に評価され、条件が真であればループが継続され、偽であればループが終了します。

let i = 0;
do {
  console.log(i);
  i++;
} while (i < 5);

結果

0
1
2
3
4
エンジニア:プロくん

do-whileループも同じく、0から4までの数字を順番にコンソールに表示します。

このループは最初に一度は必ず実行され、その後に条件が評価されます。

初期化でiを0に初期化し、
条件でi < 5(5未満の間)とし、
更新でi++(iを1ずつ増やす)としています。

これらの結果は、各ループが指定された条件に基づいて繰り返し処理を行い、結果として0から4までの数字が順番に表示されることを示しています。

新人:グラミちゃん

これも同じ結果が出せるね!

まとめ

for文

  • 使いどころ:
    • 固まった回数だけ繰り返したい時に便利。
  • 特徴:
    • 初めに初期化式を実行し、条件式が真の間、コードを実行し、最後に更新式を実行。

while文

  • 使いどころ:
    • 条件が満たされている限り繰り返したい時に使う。
  • 特徴:
    • 条件が真の間、コードを繰り返し実行。

do-while文

  • 使いどころ:
    • 最低1回は必ず実行したい時に使う。
  • 特徴:
    • 最初に1回だけコードを実行し、その後条件が真の場合は続けて実行。

これらの違いを理解すると、異なる状況でどのループを使うかが分かりやすくなります。初めての方は、シンプルな場面から始めて徐々に慣れていくと良いでしょう。

エンジニア:プロくん

これでJavascriptのループ文は終わり!

新人:グラミちゃん

はい!

目次