使用RegEx从字符串提取尺寸值遇问题：match未返回分组值

嘿，这个问题我之前踩过坑！核心原因是你在正则里加了全局匹配标志g，这会直接改变match()方法的返回行为：

• 当正则没有g标志时，match()会返回一个数组：第一个元素是完整匹配的字符串，后面跟着所有捕获分组的内容，也就是你期望的["/80x90/", "80", "90"]。
• 当正则带有g标志时，match()只会返回包含所有完整匹配结果的数组，不会携带捕获分组的信息，所以你只能得到["/80x90/"]。

解决方案分两种场景： #

1. 只需要匹配单个尺寸（你的当前场景）

直接去掉g标志就行，代码示例：

const url = "https://example.com/eb5f16e5-9b3d-cfcd-19b0-75c6ace724e1/size/80x90/center/";
const matchResult = url.match(/\/(\d+)x(\d+)\//);

if (matchResult) {
  const fullMatch = matchResult[0]; // "/80x90/"
  const width = matchResult[1];     // "80"
  const height = matchResult[2];    // "90"
  console.log(`提取到尺寸：${width}x${height}`);
}

2. 需要全局匹配多个尺寸（比如URL里有多个size参数）

如果你的字符串里可能存在多个类似/xxx/xxx/的尺寸结构，想要一次性捕获所有尺寸的宽高，可以用matchAll()方法（ES2020+支持）：

const url = "https://example.com/size/80x90/center/another/100x200/extra/30x40/";
const regex = /\/(\d+)x(\d+)\//g;
const allMatches = [...url.matchAll(regex)];

allMatches.forEach((match, index) => {
  console.log(`第${index+1}组尺寸：宽${match[1]}，高${match[2]}`);
});
// 输出：
// 第1组尺寸：宽80，高90
// 第2组尺寸：宽100，高200
// 第3组尺寸：宽30，高40

或者也可以用exec()循环的方式，不过matchAll()更简洁直观。

总结一下：想要获取捕获分组，要么去掉全局标志g（单个匹配场景），要么用matchAll()/exec()循环（全局匹配场景）。

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