javascript - JavaScript 中的正则表达式 .split()

Question

我需要像这样拆分一个字符串

<p>foo</p><p>bar</p>

到一个包含“foo”和“bar”的数组

我以为 RegEx 可以帮助我，但我似乎不了解 RegEx。这是我的尝试。

var inputText = "<p>foo</p><p>bar</p>";
splittedSelection = inputText.split("/<p>|<\/p>/g");

但我所能实现的只是一个只有一个条目的数组，它与 inputText 相同。

I made a little fiddle for you.

感谢您的帮助。

Answer 1

你应该使用 /<p>|<\/p>/g而不是内部引号。但是，这会产生 ["", "foo", "", "bar", ""] ，这是不可取的，所以你可以 .filter()输出空结果，如下所示:

var inputText = "<p>foo</p><p>bar</p>";

splittedSelection = inputText.split(/<p>|<\/p>/g).filter(function(value) {
  // Filter out empty results
  return value !== "";
});

document.getElementById("bar").innerHTML += "0: " + splittedSelection[0] + "\n" + "1: " + splittedSelection[1] + "\n";

<div id="bar">
</div>