How to extract the host from a URL in JavaScript?


Question

Capture the domain till the ending characters $, \?, /, :. I need a regex that captures domian.com in all of these.

domain.com:3000
domain.com?pass=gas
domain.com/
domain.com
1
16
11/22/2012 6:13:55 AM

Accepted Answer

If you actually have valid URLs, this will work:

var urls = [
    'http://domain.com:3000',
    'http://domain.com?pass=gas',
    'http://domain.com/',
    'http://domain.com'
];

for (x in urls) {
    var a = document.createElement('a');
    a.href = urls[x];
    console.log(a.hostname);
}

//=> domain.com
//=> domain.com
//=> domain.com
//=> domain.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://domain.com:3000/path/to/something?query=string#fragment"

a.protocol   //=> http:
a.hostname   //=> domain.com
a.port       //=> 3000
a.pathname   //=> /path/to/something
a.search     //=> ?query=string
a.hash       //=> #fragment
a.host       //=> domain.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://domain.com:3000',
    'http://domain.com?pass=gas',
    'http://domain.com/',
    'http://domain.com'
];

for (x in urls) {
    console.log(url.parse(urls[x]).hostname);
}

//=> domain.com
//=> domain.com
//=> domain.com
//=> domain.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

45
3/12/2015 9:56:31 PM

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://domain.com:3000',
  'http://domain.com?pass=gas',
  'http://domain.com/',
  'http://domain.com'
];

UPDATED:

urls.forEach(function(x) {
  console.log(url.parse(x).hostname);
});

Licensed under: CC-BY-SA with attribution
Not affiliated with: Stack Overflow
Icon