文本域换行问题，求大神帮忙？

从后台传过一组数据，然后在文本域中显示，怎样能让他每7个字段就换行，每个字段中间有一个空格，长度也不一样，求大神图片说明

每7个字段加一个换行符(\n)

<html>
<head>   
</head>
<body>
    <textarea id="text" rows="10" wrap="off" style="width:200px;overflow:scroll"></textarea>

    <script>         
       var text=document.getElementById("text");
       text.value="a b c d e f g\na1 b1 c1 d1 f1 g1\na2 b2 c2 d2 f2 g2\nnull abcd 000000 v1 999 10 t12";
    </script>
   </body>
</html>

如下图：（高度和宽度根据实际进行调整）
图片说明

用正则表达式
https://blog.csdn.net/lorogy/article/details/102541601

1.可以取出text框的值然后以空格进行split。然后进行拼接，每七个加上换行符。
2.使用正则表达式。找到字符空格字符空格的第七个，我这例子值比较小，花括号中是3，含义代表匹配多个满足字符空格的个数，你改成7即可。$1代表的是匹配后的第一个分组。
var text= "ab dea haha b c ytr yes ren ke";
var regex = /((\w+\s?){3})/g;
text = text.replace(regex,"$1\n");
其逻辑跟第1种方式一样。