Remove hostname and port from URL using JavaScript
In this short article, we’ll show you how to remove hostname and port from URL using JavaScript. There are numerous possible techniques, but we’ll focus on two of them.
Different methods to remove hostname and port from URL
1. Using Regular Expression
Let’s use the regular expression to remove the hostname and port from the URL.
1 2 3 | var URL = "http://localhost:4000/url-path-name"; var newURL = URL.replace(/^[a-z]{4,5}\:\/{2}[a-z]{1,}\:[0-9]{1,4}.(.*)/, '$1'); console.log(newURL); // Output: url-path-name |
2. Using URL API
Here, we will use the URL API to remove the hostname and port from URL.
1 2 3 | var urlObj = new URL("http://localhost:4000/url-path-name"); var newURL = urlObj.href.replace(urlObj.origin, ''); console.log(newURL); // Output: /url-path-name |
I hope you find this article helpful.
Thank you for reading. Happy Coding..!! 🙂
