JavaScript RegExp 如何将指定文本片段转换为合规ul/li结构列表

你之前把<ul>标签写进单个列表项的替换规则里，全局正则每匹配一个列表词/行就会执行一次替换输出，自然会生成多组「单个li被独立ul包裹」的结构，本质是没有区分「连续列表组」和「单个列表项」的层级关系。

分两步处理，避免列表标签嵌套错误：

• 先把所有匹配到的列表内容统一替换为<li>结构，这一步完全不涉及<ul>标签
• 再匹配所有连续挨在一起的<li>序列，统一给整组序列外层套一个<ul>标签

场景1：当前固定测试字符串（无-前缀、无换行） #

直接通过正则拆分前置文本和后续列表词，一次性拼接成目标结构：

let text = "Du bist der beste Mensch";
const result = text.replace(/^(.*?)\s+(\S+(?:\s+\S+)*)$/, (match, prefix, listContent) => {
  // 把后续列表内容拆成单个li项
  const liList = listContent.split(/\s+/).map(word => `<li>${word}</li>`).join('');
  return `<p>${prefix}</p><ul>${liList}</ul>`;
});
// 输出结果：<p>Du bist</p><ul><li>der</li><li>beste</li><li>Mensch</li></ul>

场景2：匹配带-前缀的换行列表（你最初编写正则的通用场景） #

如果输入是带换行、每行用-标记列表项的格式（例如Du bist\n- der\n- beste\n- Mensch），用分步替换逻辑处理：

let text = "Du bist\n- der\n- beste\n- Mensch";
// 第一步：把所有-开头的行替换为单个li，不处理ul
const step1 = text.replace(/\n?- (.*?)(?=\n|$)/g, '<li>$1</li>');
// 第二步：把连续的li序列统一包裹ul
const step2 = step1.replace(/((?:<li>.*?<\/li>)+)/g, '<ul>$1</ul>');
// 第三步：把前置普通文本包裹p标签
const finalResult = step2.replace(/^([^<]+)/, '<p>$1</p>');

如果后续有多个独立的列表组（比如文本中间穿插多段普通文本+对应列表），这套逻辑也会自动给每个连续列表组匹配独立的ul标签，不会混排。

内容的提问来源于stack exchange，提问作者Heil Programmierung