如何用正则表达式提取关键词后至空行(或文本末尾)的多行内容

秋磊小哥_2358

秋磊小哥_2358

2026-11-13

144人浏览

原创

如何用正则表达式提取关键词后至空行(或文本末尾)的多行内容

本文详解如何在 javascript 中精准匹配“colours affected”之后、下一个空行或字符串结尾之间的所有非空行内容,并将其安全提取为数组,支持跨平台换行符与边界情况处理。

本文详解如何在 javascript 中精准匹配“colours affected”之后、下一个空行或字符串结尾之间的所有非空行内容,并将其安全提取为数组,支持跨平台换行符与边界情况处理。

在文本解析类任务中,常需提取某个关键词(如 Colours affected)之后的连续多行内容,直到遇到首个空行或文本结束。传统按行遍历(split('\n'))虽直观,但难以优雅处理跨行逻辑、空行判定、前后空白及换行符不一致(\r\n/\n)等问题。此时,基于字符串整体的正则匹配是更健壮、简洁的方案。

核心正则逻辑解析

推荐使用以下带全局标志 g 和多行支持 s(dotAll)的正则表达式:

/Colours\s+affected(?:\n+(?:(?:(.*?)(?:\n{2,}|\n$))|(.*)))/gs
  • Colours\s+affected:匹配关键词,允许中间有任意空白(如制表符、多空格);
  • (?:\n+(...)):强制跳过关键词后的至少一个换行符;
  • 内层分组采用*非贪婪捕获 `.?` + 空行/结尾断言**,优先匹配最短有效内容:
    • (.*?)(?:\n{2,}|\n$):捕获直到遇到两个及以上连续换行符(空行),或单个换行符后接字符串结尾;
    • |(.*):兜底捕获——若无空行,则捕获至字符串末尾的所有剩余内容;
  • gs 标志确保:g 全局搜索(仅需一次匹配),s 使 . 可匹配换行符,避免遗漏。

✅ 该模式能正确处理:空行前含空格、末尾无换行、Windows/Linux 换行符混合、关键词后紧邻空行等边缘场景。

Convai Technologies Inc.
Convai Technologies Inc.

Convai是一款为游戏和 XR 世界创建可对话 AI 角色的虚拟角色平台。

下载

完整实现代码

function getAllAffectedColors(text) {
  const regex = /Colours\s+affected(?:\n+(?:(?:(.*?)(?:\n{2,}|\n$))|(.*)))/gs;
  const match = regex.exec(text);

  if (!match) return [];

  // 优先取 group 1(空行前内容),fallback 到 group 2(至结尾)
  const rawContent = match[1] ?? match[2] ?? '';

  // 清理每行首尾空白,并过滤空行
  return rawContent
    .split(/\r?\n/)
    .map(line => line.trim())
    .filter(line => line.length > 0);
}

// 示例调用
document.querySelector('button').addEventListener('click', () => {
  const input = document.getElementById('textarea').value;
  const colors = getAllAffectedColors(input);

  // 输出为逗号分隔字符串(符合需求)
  document.getElementById('colorOutput').value = colors.join(', ');
});

HTML 集成示例

<textarea id="textarea" rows="12" cols="50">
Scheduled Maintenance 44445555666 - Multiple COLOURS Affected
Maintenance ID 444555666 
Colours affected

Yellow
Blue
Black
red
purple
</textarea><button>Extract Colors</button>

<div>
  <label>Extracted Colors:</label>
  <input type="text" id="colorOutput" readonly style="width: 100%; margin-top: 8px;">
</div>

注意事项与最佳实践

  • 避免 String.prototype.match():它返回字符串数组而非捕获组,无法直接获取子匹配内容;务必使用 RegExp.prototype.exec()。
  • 始终校验 exec() 返回值:无匹配时返回 null,需空值保护(如 ?? [])。
  • 换行符兼容性:.split(/\r?\n/) 显式处理 \r\n(Windows)和 \n(Unix),比单纯 split('\n') 更鲁棒。
  • 性能提示:对超长文本(>1MB),建议先用 indexOf 快速定位关键词起始位置,再截取局部子串进行正则匹配,避免全量扫描。

通过此方案,你不仅能稳定提取多行颜色列表,更能将同类逻辑(如提取 Error Details: 后堆栈、Steps to Reproduce: 后操作步骤)复用到各类结构化文本解析场景中——简洁、可靠、一次写对,长期受益。

相关专题

更多
js正则表达式
js正则表达式

php中文网为大家提供各种js正则表达式语法大全以及各种js正则表达式使用的方法,还有更多js正则表达式的相关文章、相关下载、相关课程,供大家免费下载体验。

2023.06.20

4976

8

正则表达式不包含
正则表达式不包含

正则表达式,又称规则表达式,,是一种文本模式,包括普通字符和特殊字符,是计算机科学的一个概念。正则表达式使用单个字符串来描述、匹配一系列匹配某个句法规则的字符串,通常被用来检索、替换那些符合某个模式的文本。php中文网给大家带来了有关正则表达式的相关教程以及文章,希望对大家能有所帮助。

2023.07.05

3421

4

java正则表达式语法
java正则表达式语法

java正则表达式语法是一种模式匹配工具,它非常有用,可以在处理文本和字符串时快速地查找、替换、验证和提取特定的模式和数据。本专题提供java正则表达式语法的相关文章、下载和专题,供大家免费下载体验。

2023.07.05

9602

9

java正则表达式匹配字符串
java正则表达式匹配字符串

在Java中,我们可以使用正则表达式来匹配字符串。本专题为大家带来java正则表达式匹配字符串的相关内容,帮助大家解决问题。

2023.08.11

832

5

正则表达式空格
正则表达式空格

正则表达式空格可以用“\s”来表示,它是一个特殊的元字符,用于匹配任意空白字符,包括空格、制表符、换行符等。本专题为大家提供正则表达式相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.31

540

5

Python爬虫获取数据的方法
Python爬虫获取数据的方法

Python爬虫可以通过请求库发送HTTP请求、解析库解析HTML、正则表达式提取数据,或使用数据抓取框架来获取数据。更多关于Python爬虫相关知识。详情阅读本专题下面的文章。php中文网欢迎大家前来学习。

2023.11.13

693

12

正则表达式空格如何表示
正则表达式空格如何表示

正则表达式空格可以用“\s”来表示,它是一个特殊的元字符,用于匹配任意空白字符,包括空格、制表符、换行符等。想了解更多正则表达式空格怎么表示的内容,可以访问下面的文章。

2023.11.17

406

3

正则表达式中如何匹配数字
正则表达式中如何匹配数字

正则表达式中可以通过匹配单个数字、匹配多个数字、匹配固定长度的数字、匹配整数和小数、匹配负数和匹配科学计数法表示的数字的方法匹配数字。更多关于正则表达式的相关知识详情请看本专题下面的文章。php中文网欢迎大家前来学习。

2023.12.06

739

7

php正则表达式有哪些
php正则表达式有哪些

php正则表达式有"/pattern/"、"^"、"$"、"."、"[]"、"[^]"、"[a-z]"、"[A-Z]"、"[0-9]"、"\d"、"\D"、"\w"、"\W"、&a

2024.02.23

312

5

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WEB前端教程【HTML5+CSS3+JS】
WEB前端教程【HTML5+CSS3+JS】

共101课时 | 21.3万人学习

JavaScript正则表达式基础与实战
JavaScript正则表达式基础与实战

共11课时 | 1.8万人学习

布尔教育正则表达式视频教程
布尔教育正则表达式视频教程

共14课时 | 5.1万人学习