JavaScript：同正则在split()与match()中结果不同的问题求解

开发者阿泽

2026-5-20

问题解析与解决方法

核心原因：`match()` 和 `split()` 的作用完全相反

你遇到的问题本质是这两个方法的设计逻辑天差地别：

match()：主动捕获符合正则的内容，当正则带g全局标志时，会把所有匹配到的结果直接收集成数组返回——这也是你之前用它成功拿到字母数组的原因。
split()：用匹配到的内容作为分隔符切割字符串，返回的是「分隔符之间的片段」，而不是匹配到的内容本身。

举个直观的例子：假设你的原字符串是 "Hi! 456 JS"，正则是 /[a-zA-Z]/g

用match()时，会精准捕获所有字母：["H", "i", "J", "S"]
用split()时，会把每个字母都当成分隔符，把原字符串切成零散的片段：["", "", "! 456 ", "", "", ""]——这就是你看到空字符串+空格数组的由来。

用`split()`实现提取字母数组的正确姿势

如果一定要用split()完成需求，我们需要反转思路：把「非字母内容」作为分隔符，然后过滤掉分割后产生的空字符串。

场景1：提取连续的字母块（比如单词）

const str = "Hi! 456 JS";
// 匹配所有连续的非字母内容作为分隔符
const wordArray = str.split(/[^a-zA-Z]+/g).filter(item => item !== "");
console.log(wordArray); // ["Hi", "JS"]

场景2：提取单个字母（和`match()`结果一致）

这种场景下split()其实不是最直观的选择，但也可以通过正则的「零宽断言」实现：

const str = "Hi! 456 JS";
// 用零宽断言在每个字母前后切割，再过滤掉非字母内容
const singleLetters = str.split(/(?=[a-zA-Z])|(?<=[a-zA-Z])/g)
                         .filter(item => /[a-zA-Z]/.test(item));
console.log(singleLetters); // ["H", "i", "J", "S"]

不过说实话，提取单个字母的场景下，match()的写法更简洁直接，没必要强行用split()。