.replace 在每 10 个字符后添加一个新行返回带有 <br> 硬编码的新字符串答案

【问题标题】：.replace to add a new line after every 10 characters returns new atring with <br> hardcoded.replace 在每 10 个字符后添加一个新行返回带有 <br> 硬编码的新字符串
【发布时间】：2018-12-21 13:58:52
【问题描述】：

我正在尝试在一列中每 5 个字符后添加换行符

value = "hellohowar"

return value.toString().replace(/(.{5})/g, "$1<br/>")

预期：

hello
howar

实际

hello<br/>howar

【问题讨论】：

如果要添加换行符，“实际”结果是正确的，而“预期”结果是错误的。如果要使实际与预期相匹配，则必须添加空格，而不是换行符
如果您需要"hello howar " 作为输出，只需将换行符替换为空格即可。但是，如果您需要“hello howar”，末尾没有尾随空格，则拆分可能更容易，然后加入字符串："hellohowar".split( /(.{5})/ ).filter( Boolean ).join( ' ' );
抱歉编辑搞砸了。我需要换行符而不是空格
那你有答案了吧？如果您需要将文本插入 HTML，
就是您真正想要的。如果您需要它作为纯文本，只需使用 \n 而不是
.

标签： javascript

【解决方案1】：

试试这个。

var value = "Hello Howar"
value = value.replace(/(.{5})/g, exampleReplace);

function exampleReplace(str, group1, group2) {
    return group1 + '\n'; // if u want add br tag, \n change to <br/>
}

【讨论】：

这里的 group1 和 group2 是什么？
通过使用分组 () 在正则表达式中捕获的内容。所以 group1 是 5 个字母，而 group2 是未定义的。它相当于你使用 '$1' 和 '$2' 作为字符串。
@Shilly 感谢您的描述。
@Kimaya 我看了下面的话题。 stackoverflow.com/a/2447977/8770033