如何用JavaScript的match()提取指定范围的文本段落？

问题分析 #

原正则存在三个核心问题：

• 语法错误：正则末尾的$(.*)(属于非法格式，导致匹配失效
• 跨行匹配失败：默认.*不匹配换行符，无法提取多行内容
• 匹配范围错误：[\n\r]+$错误限制了匹配范围到行尾，只能捕获第一行

修正后的代码 #

async function getText(file) {
  let dcdiagFile = await fetch(file);
  let dcDiag = await dcdiagFile.text();
  // 匹配从起始标记到结束标记的全部内容（含换行）
  let connectivityMatch = dcDiag.match(/Starting test: Connectivity([\s\S]*?)passed test Connectivity/);
  // 处理匹配结果，避免null导致报错
  let connectivity = connectivityMatch ? [connectivityMatch[0]] : [];
  // 将换行转为<br>保留格式，或用<pre>标签包裹
  document.getElementById("DNS").innerHTML = connectivity.join('<br>');
  console.log(connectivity);
}
getText("./dcdiagreport.txt");

正则说明 #

• Starting test: Connectivity：精准匹配段落起始标记
• ([\s\S]*?)：非贪婪匹配任意字符（\s包含换行、空格，\S为非空白字符，组合后覆盖所有内容），*?确保匹配到第一个passed test Connectivity就停止，避免捕获多余内容
• 去掉gm模式：因为只需要提取一段完整的测试结果，全局模式可能会匹配多个无关段落

格式优化建议 #

如果需要保留原txt文件的排版格式，可以把HTML元素替换为<pre>标签，或者在插入时用<pre>包裹内容：

document.getElementById("DNS").innerHTML = `<pre>${connectivity[0]}</pre>`;

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