javascript - 仅使用 Javascript 正则表达式匹配模式的最后一个实例

Question

我想从类似

的文件名中删除大小数据

var src = 'http://az648995.vo.msecnd.net/win/2015/11/Halo-1024x551.jpg';
src = src.replace(
     /-\d+x\d+(.\S+)$/,
    function( match, contents, offset, s ) {
        return contents;
    }
);

这按预期工作，我明白了

http://az648995.vo.msecnd.net/win/2015/11/Halo.jpg

但是如果我有一个像

这样的文件名

http://az648995.vo.msecnd.net/win/2015/11/slot-Drake-08-2000x1000-1024x512.jpg

返回

http://az648995.vo.msecnd.net/win/2015/11/slot-Drake-08-1024x512.jpg

而不是想要的

http://az648995.vo.msecnd.net/win/2015/11/slot-Drake-08-2000x1000.jpg

Answer 1

您的正则表达式无法按预期工作，主要是因为 (.\S+)$ 部分中有一个未转义的点。未转义的 . 匹配除换行符之外的任何字符。但是，\S 匹配任何非空白字符，包括 .。除了不必要的回溯，你可能会得到一个像 http://az648995.vo.msecnd.net/win/2015/11/slot-Drake-08-2000x1000-1024x512.MORE_TEXT_HERE.jpg 这样的字符串的意想不到的结果。 .

假设扩展名是最后一个点之后的字符串部分，您可以使用

-\d+x\d+(\.[^.\s]+)$

参见 regex demo

nagated 字符类 [^.\s] 匹配除空格和文字 . 符号之外的任何字符。请注意，在替换中使用回调函数没有意义，您可以仅使用 $1 反向引用。

JS 演示:

var src = 'http://az648995.vo.msecnd.net/win/2015/11/slot-Drake-08-2000x1000-1024x512.jpg';
src = src.replace(/-\d+x\d+(.[^.\s]+)$/, "$1");
document.body.innerHTML = src;