javascript - 呈现页面后在 HTML 中拆分文本名称字符串

Question

我有一个页面正在呈现来自数据源的多个名称。名称呈现如下:

Jones, TomSmith, JohnBrown, Mary

对于值:Jones, Tom - Smith, John - Brown, Mary

HTML如下图:

<td>Jones, TomSmith, JohnBrown, Mary</td>

我想分解输出，使其看起来像这样:

Jones, Tom - Smith, John - Brown, Mary

Answer 1

您可以为此使用正则表达式和字符串替换。

假设您的字符串在某个变量 a 中。

let a = "Jones, TomSmith, JohnBrown, Mary;
let b = a.replace(/([A-Z][a-z]*)([A-Z][a-z]*)/g, "$1 - $2";
console.log(b);

将输出:

"Jones, Tom-Smith, John-Brown, Mary"

怎么样？我们匹配一个大写字母后跟任意数量的小写字母两次，并在这些匹配之间插入“-”。正则表达式 ([A-Z][a-z]+)([A-Z][a-z]+) 可能更准确，要求大写字母后至少有一个小写字母。

---

如果您不知道如何从标记中获取名称或写回标记。

let e = document.querySelector("td"); // you'll have to select the right element here
let a = e.innerText;
let b = a.replace(/([A-Z][a-z]*)([A-Z][a-z]*)/g, "$1 - $2";
e.innerText = b;