JavaScript 中多列文本合并与空白字符规范化教程-js教程-PHP中文网

JavaScript 中多列文本合并与空白字符规范化教程

本文详解如何使用正则表达式将表格行中跨多列、含换行与多余空格的文本，安全合并为单个规范字符串，并正确保留单词间单空格分隔。

本文详解如何使用正则表达式将表格行中跨多列、含换行与多余空格的文本，安全合并为单个规范字符串，并正确保留单词间单空格分隔。

在 Web 自动化测试（如使用 WebdriverIO）或 DOM 文本提取场景中，常需获取表格某一行（<tr>）的全部文本内容。但由于 HTML 布局、CSS 样式或 <code><td> 元素间的换行缩进，<code>element.getText() 返回的字符串往往包含大量不可见空白字符——如换行符（\n）、制表符（\t）和连续空格，导致结果呈垂直排列，而非期望的水平扁平化字符串。

例如，原始 getRowText 可能是：

columnOneValue
   columnTwoValue
      columnThreeValue

而目标输出应为：
columnOneValue columnTwoValue columnThreeValue（各值间仅一个空格，首尾无冗余空白）

关键问题在于原代码正则 / \s+/g：

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

开头的空格字面量 ` 限制匹配必须以空格开头，无法捕获行首换行或\n\t ` 等混合空白；
替换为空字符串 '' 会彻底删除所有空白，导致值粘连（如 value1value2），违背“单空格分隔”需求。

✅ 正确解法是：
使用 /\s+/g 全局匹配任意长度的连续空白字符序列（包括 \n, \r, \t, `），并统一替换为单个空格' '，最后用.trim()` 清除首尾空格：

const getRowText = await $(`(//tbody[@class='data-tablecontent'])[3]/tr[${i}]`).getText();
const normalizedString = getRowText.replace(/\s+/g, ' ').trim();
console.log(`**${normalizedString}**`);

? 补充说明与最佳实践：

/\s+/g 中 \s 是 Unicode 空白字符类，涵盖空格、换行、回车、制表符等，+ 表示“一个或多个”，g 实现全局替换；
.trim() 不可省略：若原文本首尾有空白（如换行后缩进），仅靠 replace 无法清除，会导致结果前后多出空格；
若需进一步控制分隔符（如用 - 或 |），可将 ' ' 替换为 '-' 或 '|'，但注意避免过度连接语义无关字段；
在 WebdriverIO v8+ 中，建议使用更健壮的定位器语法（如 $$('tbody.data-tablecontent')[2].$('tr').getText()），提升可维护性。