How to extract the host from a URL in JavaScript?
I'm using Node ^10
and this is how I extract the hostname from a URL.
var url = URL.parse('https://stackoverflow.com/q/13506460/2535178')
console.log(url.hostname)
//=> stackoverflow.com
Since you're using node, just use the built-in url.parse()
method; you want the resulting hostname
property:
var url=require('url');
var urls = [
'http://example.com:3000',
'http://example.com?pass=gas',
'http://example.com/',
'http://example.com'
];
urls.forEach(function(x) {
console.log(url.parse(x).hostname);
});
A new challenger has appeared. According to node docs, you can also use
var url = new URL(urlString);
console.log(url.hostname);
https://nodejs.org/api/url.html#url_the_whatwg_url_api
This seems to be a more current way.
If you actually have valid URLs, this will work:
var urls = [
'http://example.com:3000',
'http://example.com?pass=gas',
'http://example.com/',
'http://example.com'
];
for (x in urls) {
var a = document.createElement('a');
a.href = urls[x];
console.log(a.hostname);
}
//=> example.com
//=> example.com
//=> example.com
//=> example.com
Note, using regex for this kind of thing is silly when the language you're using has other built-in methods.
Other properties available on A
elements.
var a = document.createElement('a');
a.href = "http://example.com:3000/path/to/something?query=string#fragment"
a.protocol //=> http:
a.hostname //=> example.com
a.port //=> 3000
a.pathname //=> /path/to/something
a.search //=> ?query=string
a.hash //=> #fragment
a.host //=> example.com:3000
EDIT #2
Upon further consideration, I looked into the Node.js docs and found this little gem: url#parse
The code above can be rewritten as:
var url = require('url');
var urls = [
'http://example.com:3000',
'http://example.com?pass=gas',
'http://example.com/',
'http://example.com'
];
for (x in urls) {
console.log(url.parse(urls[x]).hostname);
}
//=> example.com
//=> example.com
//=> example.com
//=> example.com
EDIT #1
See the revision history of this post if you'd like to see how to solve this problem using jsdom
and nodejs