JavaScript提取RGB值正则表达式问题：匹配规则与测试异常求助

原正则的问题 #

你的正则使用了/g全局匹配标志，导致test()方法在循环调用时会保留lastIndex状态——第一次匹配后指针移到字符串末尾，第二次调用时从该位置开始匹配，自然返回false，后续指针重置后又能匹配，出现结果交替的异常。

满足所有规则的正则表达式 #

下面的正则既解决了test()返回异常的问题，又完全符合你提出的三条规则：

const REGEX = /^(?:(?:25[0-5]|2[0-4]\d|1\d\d|[1-9]\d|0)(?:\s*,\s*|\s+)){2}(?:25[0-5]|2[0-4]\d|1\d\d|[1-9]\d|0)$|^rgb\((?:(?:25[0-5]|2[0-4]\d|1\d\d|[1-9]\d|0)(?:\s*,\s*|\s+)){2}(?:25[0-5]|2[0-4]\d|1\d\d|[1-9]\d|0)\)$/;

正则细节说明 #

• 数值匹配逻辑：(?:25[0-5]|2[0-4]\d|1\d\d|[1-9]\d|0)
  精准匹配0-255的整数，同时自动排除前导零的多位数（比如000、012这类格式会被拒绝，但单个0合法）
• 分隔符逻辑：(?:\s*,\s*|\s+)
  允许两种分隔方式：一个/多个空格，或带前后任意空格的逗号，完美覆盖你所有测试用例的分隔格式
• 整体结构：
  • 前半段匹配纯数值分隔的格式（如0 0 0、0, 0, 0）
  • 后半段匹配rgb()包裹的格式（如rgb(0 0 0)、rgb(0, 0, 0)）
  • 用^和$锚定字符串首尾，确保不会匹配多余内容（比如255255255这类无分隔的串会被直接拒绝）

测试验证 #

用你的测试用例运行，所有结果都会返回true：

const TEST_CASES = [
  '0 0 0',
  '0,0,0',
  '0, 0, 0',
  'rgb(0 0 0)',
  'rgb(0,0,0)',
  'rgb(0, 0, 0)'
]

for (let i = 0; i < TEST_CASES.length; i++) {
  console.log(REGEX.test(TEST_CASES[i]))
}
// 输出：true, true, true, true, true, true

同时验证不符合规则的场景，全部返回false：

const INVALID_CASES = [
  '000 0 0',
  '256 0 0',
  '255255255',
  'rgb(00, 0, 0)',
  '0 0'
]

for (let i = 0; i < INVALID_CASES.length; i++) {
  console.log(REGEX.test(INVALID_CASES[i]))
}
// 输出：false, false, false, false, false

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