How to replace host part of a URL using javascript regex

Question

How to replace the host part of a URL using javascript regex. This can be any kind of URL with or without http. Assume this text is from the content of a json file.

OldText:

{
   "auth" : {
     "login" : "http://local.example.com:85/auth/signin",
     "resetpass" : "http://local.example.com:85/auth/resetpass",
     "profile" : "http://local.example.com/auth/profile"
   }
}

Expecting a solution like:

var NewText = OldText.replace (/(some regex)/g, 'example.com');

To get NewText as:

{
  "auth" : {
     "login" : "http://example.com:85/auth/signin",
     "resetpass" : "http://example.com:85/auth/resetpass",
     "profile" : "http://example.com/auth/profile"
    }
}

I found the same here, but that regex won't work in javascript.

Note: I'm looking for the Regex.

Do you specifically need to use regex? If you need to update the url from javascript you could potentially re-assign window.location.host. Reference — Special Character
– Special Character, Commented Jan 11, 2017 at 4:06

Gomino · Accepted Answer · 2017-07-21 12:18:36Z

52

You can use the URL function and set a new hostname:

var oldUrl = "http://host1.dev.local:8000/one/two";
var url = new URL(oldUrl);
url.hostname = 'example.com';
url.href //'http://example.com:8080/one/two'

edited Jul 21, 2017 at 12:18

Gomino

12.3k4 gold badges43 silver badges51 bronze badges

answered Jan 11, 2017 at 4:07

hackerrdave

6,7362 gold badges27 silver badges29 bronze badges

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

2 Comments

E. Fortes Over a year ago

This is not supported in Edge, IE 11 and Safari

Bruno Leitão Over a year ago

@E.Fortes Yes, it is! Just tested on Edge right now: var test = new URL("google.com/path?search=foo"); test.hostname = "localhost"; test.port= "7071"; alert(test.href);

sithumc · Accepted Answer · 2017-01-11 04:40:08Z

1

This could be achieved easily using:

var NewText = OldText.replace (/(https?:\/\/)(.*?)(:*)/g, '$1' + 'example.com' + '$3');

You are welcome to modify this with the best practice.

answered Jan 11, 2017 at 4:40

sithumc

3,4149 gold badges31 silver badges49 bronze badges

1 Comment

oeter Over a year ago

I think the correct regex pattern should be: /(https?:\/\/)(.*?)(\/.*)/g

Mukul Jain · Accepted Answer · 2017-01-11 06:55:20Z

0

I think this is completely doable using regex. Here's a small snippet for you, let me know if you want to add something else to it.

var urls = [
    {
      url: "http://local.something.com:85/auth/signin"
    }, 

    {
      url: "local.anything.com/auth/profile"
    }
];
for(var i in urls) {
  var newUrl = urls[i].url.replace(/(http:|)(^|\/\/)(.*?\/)/g, 'https://example.com/');
  console.log(newUrl);
}

I am assuming, from

without http

, you mean something like 'google.com'

answered Jan 11, 2017 at 6:55

Mukul Jain

1,1751 gold badge11 silver badges24 bronze badges

Comments

Brad Parks · Accepted Answer · 2025-01-28 19:00:39Z

0

I found the above didn't work when I wanted to change the port as well, so I cobbled this together for my use case

var hostname = 'some.domain.name:6101';
var oldUrl = 'https://localhost:7443/my/url/test?easy=5';
var url = new URL(oldUrl);
// helpful for debugging it
// console.log(url);
var newUrl = url.protocol + '//' + hostname + url.pathname + url.search;
console.log(newUrl);

https://some.domain.name:6101/my/url/test?easy=5

Or as suggested in the comments by @Barmar

var oldUrl = "http://host1.dev.local:8000/one/two?test=5";
var url = new URL(oldUrl);
url.hostname = 'example.com';
url.port = '6101';
url.href // http://example.com:6101/one/two?test=5

Or, as I finally ended up using for my use case, I just switched the relatie url, and it knew to leave the domain/port/protocol alone, so it worked on multiple different versions of the same site, hosted at different domains

window.location.href = '/one/two?test=5'; // http://example.com:6101/one/two?test=5

edited Jan 28 at 19:00

answered Jan 23 at 17:47

Brad Parks

73.3k71 gold badges297 silver badges374 bronze badges

2 Comments

Barmar Jan 23 at 18:10

Why not url.port = 6101?

Brad Parks Jan 23 at 20:29

Yeah thanks, that totally works and is simpler overall - I will list that a well :D !

Collectives™ on Stack Overflow

How to replace host part of a URL using javascript regex

4 Answers 4

2 Comments

1 Comment

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

1 Comment

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related