JavaScriptで文字列の各文字を1始まりのインデックス回数だけ繰り返す方法

問題

英小文字（a〜z）のみで構成された文字列を受け取り、特定のルールに従って新しい文字列を構築するJavaScript関数を作成する必要があります。

ルールは以下のとおりです。

• 各文字を、その文字列内での1始まりのインデックスの回数だけ繰り返す
• 繰り返し後の文字列の先頭の文字を大文字にする
• 異なる文字のグループ同士はダッシュ「-」で区切る

たとえば、文字列「abcd」の場合、出力は次のようになります。

"A-Bb-Ccc-Dddd"

コード例

以下は、forループを使った基本的な実装例です。

const str = 'abcd';

const repeatStrings = (str) => {
  const res = [];
  for (let i = 0; i < str.length; i++) {
    const el = str[i];
    // 1始まりのインデックス回数だけ文字を繰り返す
    let temp = el.repeat(i + 1);
    // 先頭の1文字を大文字に変換
    temp = temp[0].toUpperCase() + temp.substring(1, temp.length);
    res.push(temp);
  }
  // ダッシュで連結して返す
  return res.join('-');
};

console.log(repeatStrings(str));

出力

A-Bb-Ccc-Dddd

コードの解説

このコードのポイントを順番に見ていきましょう。

• String.prototype.repeat(n)：文字列を n 回繰り返した新しい文字列を返すメソッドです。el.repeat(i + 1) により、現在の文字を1始まりのインデックス回数だけ繰り返しています。
• toUpperCase() と substring()：繰り返し後の文字列の先頭1文字だけを大文字に変換し、残りの部分は元のまま結合しています。
• Array.prototype.join('-')：各文字ごとの結果を配列に蓄積し、最後にダッシュ区切りで1つの文字列に連結しています。

別の書き方：map を使った簡潔な実装

map を使うと、同じ処理をより簡潔に記述することもできます。

const repeatStrings = (str) =>
  str
    .split('')
    .map((ch, i) => ch.toUpperCase() + ch.repeat(i))
    .join('-');

console.log(repeatStrings('abcd')); // A-Bb-Ccc-Dddd

この方法では、先頭の大文字1文字と、それに続く小文字の繰り返し（インデックス i 回）を組み合わせることで、同じ結果を少ないコード量で得られます。入力がすべて小文字であることが保証されている場合に有効なアプローチです。