请求解释正则表达式/[a-z\d]+=[a-z\d]+/gi并提供非正则实现方案

嘿，我来帮你拆解这段正则，再给你个更直观的替代方案～

一、先搞懂这段正则的含义 #

先看完整的正则：/[a-z\d]+=[a-z\d]+/gi，咱们拆成几个部分来看：

• 末尾的g和i是修饰符：
  • g：全局匹配，意思是找到字符串中所有符合规则的内容，而不是只找第一个
  • i：不区分大小写，所以不管是大写还是小写字母都会匹配，比如Name=Alice也能被命中
• 核心匹配规则[a-z\d]+=[a-z\d]+：
  • [a-z\d]：匹配任意小写字母（因为i修饰符，大写也算）或者数字
  • +：表示前面的字符类至少出现1次，所以键和值都不能为空
  • =：就是匹配字面量的等号
    整体来说，这个正则是用来匹配URL查询字符串（比如?username=john&age=25）里的键值对片段，比如username=john、age=25这些。结合你的代码，就是从window.location.search里提取所有这样的键值对，然后统计数量。

二、不用正则也能实现相同功能 #

当然可以！现代浏览器提供了URLSearchParams API，专门用来处理URL查询参数，比正则更直观也更可靠（比如能自动处理一些边缘情况，比如参数里有特殊字符的情况，正则可能会漏）。

用URLSearchParams实现你的需求，代码可以写成这样：

const queryString = window.location.search;
const params = new URLSearchParams(queryString);
// 直接获取参数的数量，和你原来的count效果一致
const count = params.size;

如果还需要像原来那样拿到所有键值对的数组，也可以这样做：

const queryString = window.location.search;
const params = new URLSearchParams(queryString);
const matches = Array.from(params.entries()).map(([key, value]) => `${key}=${value}`);
const count = matches.length;

这个API的兼容性很好，除了非常老旧的IE浏览器，现在主流浏览器都支持，用起来比正则省心多啦～

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