RegEx将匹配字符串中最后一次出现的点

Question

我有一个文件名,其中可以有多个点,可以以任何扩展名结尾:

tro.lo.lo.lo.lo.lo.png

我需要使用正则表达式来替换最后一次出现的点与另一个字符串@2x,然后再次点(非常像视网膜图像文件名),即:

tro.lo.png -> tro.lo@2x.png

这是我到目前为止所拥有的,但它不会匹配任何东西......

str = "http://example.com/image.png";
str.replace(/.([^.]*)$/, " @2x.");

有什么建议？

Answer 1

你不需要正则表达式.String.lastIndexOf会做.

var str = 'tro.lo.lo.lo.lo.lo.zip';
var i = str.lastIndexOf('.');
if (i != -1) {
    str = str.substr(0, i) + "@2x" + str.substr(i);
}

看到它在行动.

更新:正则表达式解决方案,只是为了它的乐趣:

str = str.replace(/\.(?=[^.]*$)/, "@2x.");

匹配一个文字点,然后断言((?=)是正面的预测),直到字符串末尾的其他字符都不是一个点.替换应包括匹配的一个点,除非您要删除它.

Answer 2

只需在替换字符串中使用特殊替换模式 $1:

console.log("tro.lo.lo.lo.lo.lo.png".replace(/\.([^.]+)$/, "@2x.$1"));
// "tro.lo.lo.lo.lo.lo@2x.png"

Answer 3

您可以使用以下表达式\.([^.]*?):

str.replace(/\.([^.]*?)$/, "@2x.$1");

您需要引用$1子组将该部分复制回结果字符串.

Answer 4

工作演示 http://jsfiddle.net/AbDyh/1/

码

var str = 'tro.lo.lo.lo.lo.lo.zip',
    replacement = '@2x.';
str = str.replace(/.([^.]*)$/, replacement + '$1');

$('.test').html(str);

alert(str);
?