在子字符串中新建一行(JavaScript)

Question

我正在尝试用新行替换子字符串。

我的代码：str = str.split('testtest').join('test\ntest')

我的字符串：test,test,testtest,test,testtest,test,test

它应该如何处理代码行是如何调用的：

test,test,test
test,test,test
test,test,test

它实际上是如何对待它的，它被称为test,test,testtest,test,testtest,test,test

Answer 1

假设您希望将此结果放入html元素中，最简单的方法是使用innerText而不是innerHTML。

innerText将保留换行符，而innerHTML则不会。

​

var str = "test,test,testtest,test,testtest,test,test"

str = str.split("testtest").join("test\ntest");

document.getElementById("result").innerText = str;

<div id="result"></div>

​

Answer 2

方法1：预标记不修剪\n符号：

​

const str = 'test,test,testtest,test,testtest,test,test'
  .split('testtest').join('test\ntest');
pre.innerHTML = str;

<pre id=pre></pre>

​

方法2：br

​

const str = 'test,test,testtest,test,testtest,test,test'
  .split('testtest').join('test<br/>test');
document.body.innerHTML = str;

​

Answer 3

关键在于你是如何输出的。如果将其输出到控制台，则新行将按预期工作。如果您试图将其输出到HTML，那么您需要使用<br />而不是\n，甚至需要将其包装在<pre>标记中，就像另一个答案所建议的那样。要将其格式化为标记，我会这样做：

let str = "test,test,testtest,test,testtest,test,test";
str = str.split('testtest').join('test<br />test');