如何按“<p>”的第一个实例分割字符串

Question

在下面的示例中，我需要按第一个实例分割字符串，<p>因此第一个元素应该是lorem ipsum，第二个元素应该是后面的所有元素var str = "lorem ipsum<p>dolor sit</p><p>amet</p>";var start = str.split("<p>:first")[0]; // something like thatconsole.log(start); // should be `lorem ipsum`<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Answer 1

splitby 所有"<p>"实例，然后取第一个实例和join其余实例"<p>"，使用解构赋值使事情变得简单，如下所示：

let [start, ...rest] = str.split("<p>");
rest = rest.join("<p>");

演示：

var str = "lorem ipsum<p>dolor sit</p><p>amet</p>";

let [start, ...rest] = str.split("<p>");

rest = rest.join("<p>");

console.log("start: " + start);

console.log("rest: " + rest);

Answer 2

制作捕获组之后的所有内容<p>，它将作为另一个项目包含在匹配中：

var str = "lorem ipsum<p>dolor sit</p><p>amet</p>";

var start = str.split(/<p>(.*)/).filter(Boolean);

console.log(start); // should be `lorem ipsum`

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>