JavaScriptで文字列の各文字をn回繰り返す方法

本記事では、文字列と数値 n を引数として受け取り、元の文字列に含まれるすべての文字をそれぞれ n 回繰り返した新しい文字列を返す JavaScript 関数の作成方法を解説します。

要件の確認

たとえば、次のような文字列が与えられたとします。

const str = 'how are you'

ここで繰り返し回数 n が 2 の場合、期待される出力は次のとおりです。

出力

const output = 'hhooww aarree yyoouu'

ポイントは、空白などの記号も1文字として扱い、すべての文字を均等に繰り返すことです。

実装コード

それでは、この関数のコードを見ていきましょう。ここでは ES6 のアロー関数と String.prototype.repeat() メソッドを組み合わせることで、簡潔に実装できます。

const str = 'how are you';
const repeatNTimes = (str, n) => {
    let res = '';
    for(let i = 0; i < str.length; i++){
       // String.prototype.repeat() を使用
       res += str[i].repeat(n);
    };
    return res;
};
console.log(repeatNTimes(str, 2));

実行結果

上記のコードを実行すると、コンソールには次のように出力されます。

hhooww aarree yyoouu

コードの解説

String.prototype.repeat() は、対象の文字列を指定した回数だけ繰り返した新しい文字列を返すメソッドです。ループで元の文字列を1文字ずつ取り出し、それぞれに対して repeat(n) を適用して連結することで、目的の結果を得られます。

なお、n が 0 の場合は空文字列が返され、負の値を渡すと RangeError がスローされるため、実際のアプリケーションで使う際は入力値のバリデーションを行うことをおすすめします。