JavaScript处理API返回的编号文本：按序号换行生成有序列表格式

你之前直接用.分割失败，是因为文本里的内容（比如foo.）本身也包含点，把不该分割的地方也拆了，才会出现重复结果。可以用正则表达式精准匹配编号前缀来处理，下面是两种可行的实现：

方法1：分割后生成列表 #

const text = "1. foo. 2. bar. 3. baz";
// 匹配「数字+点+空格」的编号前缀，以此分割文本
const listItems = text.split(/\d+\.\s+/).filter(item => item); 
// 过滤掉分割后产生的空字符串，得到 ["foo.", "bar.", "baz"]

// 生成HTML有序列表
const olHtml = `<ol>${listItems.map(item => `<li>${item}</li>`).join('')}</ol>`;
console.log(olHtml);
// 输出: <ol><li>foo.</li><li>bar.</li><li>baz</li></ol>

方法2：直接替换成列表项 #

const text = "1. foo. 2. bar. 3. baz";
// 把每个「编号+内容」的片段直接替换成<li>标签
const olHtml = `<ol>${text.replace(/(\d+\.\s+)([^.]+)\.?/g, '<li>$2.</li>')}</ol>`;
console.log(olHtml);
// 输出同样的有序列表HTML

正则说明 #

• \d+\.\s+：匹配一个或多个数字、点号、空格组成的编号前缀，确保只在编号位置分割。
• 方法2里的([^.]+)：捕获编号后面的内容（除了点号），避免把内容里的点当成结束符。

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