JavaScript正则含变量提取：如何从键值对字符串中取值

针对你提到的「正则无法处理变量、没法循环遍历var1/var2/var3这类动态键」的问题，其实可以换个思路——先把整个键值对字符串转换成可访问的对象，之后就能通过变量轻松取值，完全避开正则硬匹配的局限。

核心实现思路 #

• 先把键值对字符串按分隔规则拆分，转换成键值对对象
• 再遍历你的目标键数组，直接从对象中读取对应值，彻底解决变量键的匹配问题

最终可用代码示例 #

通用拆分版（适配自定义分隔符）

// 示例键值对字符串（可根据实际格式调整分隔符）
const keyValueStr = 'var1=hello&var2=world&var3=javascript';

// 第一步：将字符串转换为键值对对象
const keyValueObj = keyValueStr.split('&').reduce((result, item) => {
  const [key, value] = item.split('=');
  // 处理URL编码场景，不需要可删除decodeURIComponent
  result[key] = decodeURIComponent(value);
  return result;
}, {});

// 第二步：遍历目标键数组提取值
const targetKeys = ['var1', 'var2', 'var3'];
const extractedValues = targetKeys.map(key => keyValueObj[key] || '可选默认值');

console.log(extractedValues); // 输出: ["hello", "world", "javascript"]

简化API版（适配URL参数格式）

如果你的键值对是类似URL参数的格式，直接用浏览器原生URLSearchParams会更简洁：

const keyValueStr = 'var1=hello&var2=world&var3=javascript';
const params = new URLSearchParams(keyValueStr);

const targetKeys = ['var1', 'var2', 'var3'];
const extractedValues = targetKeys.map(key => params.get(key));

两种方法都能完美支持动态键的遍历取值，要是你的键值对用了其他分隔符（比如;或,），只需要修改split的参数即可，灵活性拉满。

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