Replace part of URL using Regex Javascript

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 [a-z][A-Z])

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?

@Shafizadeh yup one string per line, i thought i would put 4 examples to illustrate — Yehia A.Salam
– Yehia A.Salam, Commented Apr 15, 2016 at 21:51
I'm not sure I get you right, do you want something like this: regex101.com/r/pF1nY9/3 — Shafizadeh
– Shafizadeh, Commented Apr 15, 2016 at 21:57

SierraOscar · Accepted Answer · 2016-04-15 22:16:15Z

2

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);

edited Apr 15, 2016 at 22:16

answered Apr 15, 2016 at 22:00

SierraOscar

17.7k6 gold badges44 silver badges71 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

SierraOscar Over a year ago

used the wrong references - see above (changed \1 to $1 etc)

Shafizadeh Over a year ago

All those URLs are one string per line.

Shafizadeh · Accepted Answer · 2016-04-15 22:13:30Z

1

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);

edited Apr 15, 2016 at 22:13

answered Apr 15, 2016 at 22:06

Shafizadeh

10.5k16 gold badges60 silver badges94 bronze badges

Collectives™ on Stack Overflow

Replace part of URL using Regex Javascript

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related