JavaScript | 同じ文字列を指定回数で繰り返す方法

2022-02-07JavaScript 文字列,JavaScript

JavaScript | 同じ文字列を指定回数で繰り返す方法

JavaScriptのrepeat()メゾッドを利用して指定した文字または文字列を指定回数で繰り返した文字列を生成する方法を紹介しています。

例えば、評価に使う星マーク★を評価数分繰り返した文字列を得たい場合など、for文などの繰り返し文を必要としないので用途は少なくありません。

repeat()メゾッドで同じ文字列を指定回数で繰り返す

repeat()メゾッドで同じ文字列を指定回数で繰り返して、新しい文字列を作成する動作サンプルとサンプルコードになります。

See the Pen JavaScript | Reverse the array by yochans (@yochans) on CodePen.

repeat()メゾッドは以下のようなコードで利用する事ができます。

指定文字または文字列.repeat(指定回数)

指定文字列はクォーテーションで囲うか、文字または文字列が含まれる変数を指定します。

指定回数は整数が指定可能で、負の値などはエラーとなります。
小数点を含む数はエラーにはなりませんが数値は丸められて実行されます。

0の場合は空の値が返され、1でひとつ、2でふたつとなります。

repeat()メゾッドは新しい結果を生成して返します。

同じ文字を指定回数で繰り返した文字列を生成する

repeat()メゾッドを使って一つの同じ文字を指定した回数で繰り返した文字列を生成します。

例えば、★5つの文字列を得たい場合は以下のように記述します。

let stars = '★'.repeat(5);
console.log(stars);
// ★★★★★

文字または文字列や繰り返す回数を変数で指定した場合。

let star = '★';
let count = 5;
let stars = star.repeat(count);
console.log(stars);
// ★★★★★

同じ文字列を指定回数で繰り返した文字列を生成する

repeat()メゾッドは単文字ではなく文字列も指定可能です。

例えば、★と☆が交互にくる文字列を作成hしたい場合は以下のように記述します。

let stars = '★☆'.repeat(5);
console.log(stars);
// ★☆★☆★☆★☆★☆

変数で指定した場合。

let star = '★☆';
let count = 5;
let stars = star.repeat(count);
console.log(stars);
// ★☆★☆★☆★☆★☆