本文讲解如何正确提取 html 表格中某一行的全部文本内容，并将换行符、制表符及多余空格统一替换为单个空格，从而获得紧凑、可读的单行字符串。
本文讲解如何正确提取 html 表格中某一行的全部文本内容，并将换行符、制表符及多余空格统一替换为单个空格，从而获得紧凑、可读的单行字符串。
在 Web 自动化测试（如使用 WebDriverIO）或前端数据处理中，常需通过 getText() 获取表格某一行的完整文本。但 getText() 返回的字符串通常包含原始 HTML 结构带来的换行符（\n）、缩进空格和制表符（\t），导致结果以多行形式呈现，例如：
columnOneValue columnTwoValue columnThreeValue
这并非我们期望的扁平化格式（如 columnOneValue columnTwoValue columnThreeValue）。问题根源在于正则表达式 / \s+/g 的误用：开头的空格字面量限制了匹配范围，使其无法捕获行首换行后的连续空白；同时，替换为空字符串（''）会完全删除所有空白，丢失列间必要的分隔。
✅ 正确做法是：
- 使用
/\s+/g（无前置空格）匹配任意连续空白字符（包括\n,\r,\t, ` `）； - 替换为单个空格
' '，确保各列值之间有且仅有一个空格； - 可选地，在最终结果两端调用
.trim()去除首尾冗余空格。
以下是优化后的完整示例（兼容 WebDriverIO v8+）：
立即学习“Java免费学习笔记（深入）”；
// ✅ 正确提取并标准化表格行文本
const rowSelector = `(//tbody[@class='data-tablecontent'])[3]/tr[${i}]`;
const getRowText = await $(rowSelector).getText();
// 将所有连续空白（含换行、缩进）替换为单空格，并清理首尾
const normalizedText = getRowText.replace(/\s+/g, ' ').trim();
console.log(`**${normalizedText}**`);
// 输出：**columnOneValue columnTwoValue columnThreeValue**⚠️ 注意事项：
- 不要使用
/ \s+/g（带前置空格），它仅匹配“空格后接其他空白”的模式，会漏掉行首换行符； - 避免
replace(/\s/g, '')—— 这会彻底删除所有空白，导致列值粘连（如col1col2）； - 若需更严格的列边界控制（如排除表头/空单元格），建议改用
$$('td')或$$('th')分别获取单元格再拼接； - 在 Node.js 环境中，可进一步使用
String.prototype.replaceAll()（需 Node ≥16.5）替代正则，但/\s+/g方案兼容性更广。
通过这一方法，你就能稳定、可靠地将多列文本合并为语义清晰的单行字符串，适用于断言验证、日志记录或后续文本分析场景。
