JavaScriptの再帰ループで0から指定した数値までを出力する方法

本記事では、JavaScriptにおいて再帰呼び出し（recursion）のみを使って数値を出力する関数の書き方を解説します。この関数は引数として数値を受け取り、0からその数値までの連続した整数をコンソールへ出力します。for文やwhile文などのループ構文は一切使わず、純粋な再帰だけで実装するのが条件です。

サンプルコード

コードは次のようになります。

const recursiveLoop = (counter) => {
  if (counter > 0) {
    recursiveLoop(counter - 1);
  }
  console.log(counter);
  return counter;
};

recursiveLoop(5);
recursiveLoop(15);
recursiveLoop(25);

実行結果

コンソールには次のように出力されます。

// recursiveLoop(5) の場合
0
1
2
3
4
5

// recursiveLoop(15) の場合
0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

// recursiveLoop(25) の場合
0
1
2
...
23
24
25

仕組みの解説

一見シンプルな関数ですが、動作を正しく理解するにはいくつかのポイントがあります。

1. ベースケース（再帰の終了条件）

if (counter > 0) という判定がベースケースです。counter が 0 になるとそれ以上の再帰呼び出しは行われず、ここで再帰が停止します。ベースケースを定義しないと呼び出しが無限に続き、スタックオーバーフローが発生してしまうので注意してください。

2. 出力が昇順になる理由

recursiveLoop(5) を呼び出すと、まず recursiveLoop(4)、続いて recursiveLoop(3) と、内部では数値を減らしながら再帰が深くなっていきます。そして counter が 0 に達した時点で初めて console.log が実行され、呼び出しが戻る過程で 1、2、3…と順番に出力されていきます。つまり「再帰が先・出力が後」という順序のため、画面上には 0 から指定した数値までの昇順の数字が表示されるのです。

3. 注意点

再帰の深さには実行環境ごとの上限があるため、非常に大きな数値を渡すとスタックオーバーフローが発生する可能性があります。大きな範囲を扱う場合は、通常のループ処理への置き換えや、末尾呼び出し最適化が有効な環境での実装も検討するとよいでしょう。