使用Regex Javascript替换部分URL

Question

I'm trying to replace a part of the url with another string in javascript, so for example i have the following:

res/icons/android/quickshop/icon-36-ldpi.png
res/icons/android/quickshop/icon-48-mdpi.png
res/icons/ios/quickshop/icon-72-hdpi.png
res/icons/ios/quickshop/icon-96-xhdpi.png

and I want to replace it to the following (quickshop is dynamic and can be any series of characters, mostly [az][AZ])

res/icons/android/homecenter/icon-36-ldpi.png
res/icons/android/homecenter/icon-48-mdpi.png
res/icons/ios/homecenter/icon-72-hdpi.png
res/icons/ios/homecenter/icon-96-xhdpi.png

I was always very lousy when it comes to regular expressions, anyone could help?

Answer 1

Try this:

/(([\w]+\/){3})([^\/]+)(\/.+)/gm

Regex101 Demo

---

var re = /(([\w]+\/){3})([^\/]+)(\/.+)/gm; 
var str = 'res/icons/android/quickshop/icon-36-ldpi.png';
var replaceWord = 'homecenter'
var subst = '$1' + replaceWord + '$4';

var result = str.replace(re, subst);
// show result
window.alert(result);

---

could even be written as a function:

 function replaceURL(url, strReplace){ let re = /(([\\w]+\\/){3})([^\\/]+)(\\/.+)/gm; var subst = '$1' + strReplace + '$4'; return url.replace(re, subst); } var originalURL = 'res/icons/android/quickshop/icon-36-ldpi.png'; var replaceWord = 'homepage'; var newURL = replaceURL(originalURL, replaceWord); document.write(newURL); 

Answer 2

Try this:

 var str = "res/icons/android/quickshop/icon-36-ldpi.png\\nres/icons/android/quickshop/icon-48-mdpi.png\\nres/icons/ios/quickshop/icon-72-hdpi.png\\nres/icons/ios/quickshop/icon-96-xhdpi.png", result = str.replace(/([\\w.-]+)(\\/[\\w.-]+)$/gm,"homecenter$2"); console.log(result); alert(result);