javascript - 正则表达式在字符串 javascript 中的每个匹配项后添加文本

Question

我有包含不同尺寸图像的字符串，如下所示:

let newstr=‘assets/images/iphoneMoviesImg.png 1x,assets/images/iphoneMoviesImg@2x.png 2x,assets/images/iphoneMoviesImg@3x.png 3x’

我能做的就是防止图像在 JavaScript 中缓存。

我正在尝试构建一个可以与图像扩展 mime 类型匹配的正则表达式，并在后面添加一个唯一的数字以防止缓存。下面是我所追求的结果的示例:

let newstr=‘assets/images/iphoneMoviesImg.png?3 1x,assets/images/iphoneMoviesImg@2x.png?3 2x,assets/images/iphoneMoviesImg@3x.png?3 3x’

如有任何建议，我们将不胜感激!

Answer 1

您可以使用带有 replace() 的正则表达式来实现此目的吗？

更新OP想要替换多种mime类型。

let newstr='assets/images/iphoneMoviesImg.gif 1x,assets/images/iphoneMoviesImg@2x.png 2x,assets/images/iphoneMoviesImg@3x.jpg 3x';

var res = newstr.replace(/(png)/g, 'png?3');
 res = res.replace(/(jpg)/g, 'jpg?3');
 res = res.replace(/(gif)/g, 'gif?3');

console.log(res);