javascript - 用正则表达式结果的修改版本替换正则表达式

Question

所以我试图通过它们自己的修改版本来定位和替换 css 的所有颜色值。在这种情况下，我专注于具有相同值的所有颜色代码。

将#333333 替换为#333。

我的代码如下:

var regex = textCssMini1.replace(/\#\d{6}/g,"$1");

我的代码允许我找到 #333333 并将其替换为 $1。但是我想用 #333 替换它。

注意:我的字符串中存在多个颜色代码实例，例如 #000000，因此我想将它应用于任何可能性。

Answer 1

您可以将以下正则表达式用于捕获组 replace(/#([\da-f])\1([\da-f])\2([\da-f])\3/ig, "#$1$2$3")

var textCssMini1 = '#111111 #123456 #ffffff #225588 #235588 #333333 #gggggg ( not valid color code )';

var regex = textCssMini1.replace(/#([\da-f])\1([\da-f])\2([\da-f])\3/ig, "#$1$2$3");

document.write(regex);

Regex explanation