How can I extract an actual URL from a string?

Question

Let's say I have a string like this

let content = "https://stackoverflow.com/questions/ask";

Now I want to write a regex what will give me only the actual domain with the protocol

example: from content, I should get only "https://stackoverflow.com"

Pass it to the URL constructor and grab the hostname property... — Mr. Polywhirl, Jul 31 '20 at 16:51
`const url = new URL('https://stackoverflow.com/questions/ask')` - See at [URL()](https://developer.mozilla.org/en-US/docs/Web/API/URL/URL) for the properties. — norbitrial, Jul 31 '20 at 16:51

Mr. Polywhirl · Accepted Answer · 2020-07-31T16:54:13.443

0

No need to write a regex when the ability to parse URLs already exist.

MDN: Web technology for developers > See Web APIs > URL

const url = new URL("https://stackoverflow.com/questions/ask");

console.log(`${url.origin}`);                    // Includes port
console.log(`${url.protocol}//${url.hostname}`); // Alternatively...

edited Jul 31 '20 at 16:54

answered Jul 31 '20 at 16:53

Mr. Polywhirl

42,981
12
84
132

1

what about `url.origin`? – TKoL Jul 31 '20 at 16:53
@TKoL Good point. – Mr. Polywhirl Jul 31 '20 at 16:55

How can I extract an actual URL from a string?

1 Answers1