JavaScript split按换行/空格分割字符串提取邮编失效问题

你的代码有三个核心错误：

• 直接对document.querySelector('h1')返回的DOM元素对象调用字符串split方法，本身就不符合语法逻辑，必须先提取元素内的纯文本内容
• 替换<br>标签的正则/\br/g写法完全错误，该正则匹配的是单词边界后接字符r的内容，根本匹配不到HTML标签；实际上提取纯文本时会自动过滤所有HTML标签，不需要手动替换<br>
• 原地址内容包含大量连续缩进空格、换行符，直接按单个空格分割会生成大量空字符串数组项，固定取索引[1]无法定位到邮编值

// 1. 获取h1元素，提取纯文本内容（自动过滤所有<br>等HTML标签）
const h1 = document.querySelector('h1');
const rawAddress = h1.textContent;

// 2. 统一处理空白字符：把所有换行、连续空格、制表符替换为单个空格，去除首尾空白
const cleanAddress = rawAddress.replace(/\s+/g, ' ').trim();

// 3. 提取邮编
// 方案A：按分割逻辑提取
const segments = cleanAddress.split(',').map(item => item.trim());
const lastSegment = segments[segments.length - 1]; // 拿到"AA 90777"
const postalCode = lastSegment.split(' ').pop(); // 取最后一段的最后一项，就是90777

// 方案B：正则匹配更稳妥，适配地址格式微小变动，直接匹配5位数字邮编
// const postalCode = cleanAddress.match(/\b\d{5}\b/)?.[0] || '';

console.log(postalCode); // 输出 90777

• 用textContent取DOM元素文本是前端提取元素内容的标准方法，会自动忽略所有HTML标签，不需要手动替换<br>这类标签
• 正则\s+可以匹配所有空白字符（空格、换行、制表符等），连续空白替换为单个空格后，就不会出现分割后大量空值的问题
• 不建议用固定索引（比如你之前写的street[2]）取值，地址格式稍有变动索引就会失效，取分割后数组的最后一项兼容性更好；如果确定邮编固定是5位数字，直接用正则匹配容错率最高

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