Javascript 外部から受け取った文字数情報で改行

Question

前提・実現したいこと

文字列をn文字ごとに改行して表示したい。
nの内容は外部から入力された数値で決まるため
変数設定し受け取ったnの数値に合わせて改行位置が
変わるようにしたい。

例　4文字ごとに改行
n = 4;
AAAABBBBCCC　

↓　

AAAA
BBBB
CCC

発生している問題・エラーメッセージ

下記の該当のソースコードのmatch()の要素を
変数で定義したいがnew RegExpを使ってもなにも表示されなくなってしまう。

for( var i = 0; i < str.length ; i++ ) {
                        
TypeError: Cannot read property 'length' of null

該当のソースコード

javascript

var A = AAAABBBBCCC

const str = A.match(/.{1,4}/g);

for( var i = 0; i < str.length ; i++ ) {
console.log( str[i] );
}

//↓変更後

var A = AAAABBBBCCC
n = 4;

reg = new RegExp(/.{1,n}/g);
const str = A.match(reg);

for( var i = 0; i < str.length ; i++ ) {
console.log( str[i] );
}

補足

new RegExp()の使い方が間違っているのだと思いますが
調べてもわからない為、正しい書き方をご教授いただけますと幸いです。
よろしくお願い。

Answer 1

<script>
window.addEventListener('DOMContentLoaded', ()=>{
  btn.addEventListener('click',()=>{
    const n = parseInt(num.value);
    const v = org.value;
    const reg=new RegExp(`.{${n}}`,'g');
    ta.value=v.replace(reg,x=>`${x}\n`);
  });
});
</script>
<input type="text" id="org" value="AAAABBBBCCC" readonly><br>
<input type="number" id="num" min="1" value="4"><br>
<input type="button" id="btn" value="split"><br>
<textarea id="ta" rows="10"></textarea>

Answer 2

正規表現リテラル /.../ に変数を入れることはできないので、テンプレートリテラルを使うとよいでしょう。

reg = new RegExp(`.{1,${n}}`, 'g');

Comments

[n39]

解決しました！
ありがとうございました！