如何从 JavaScript 中的 URL 中提取主机？

Question

捕获域直到结束字符$, \?, /, :。我需要一个在所有这些中捕获domian.com 的正则表达式。

domain.com:3000
domain.com?pass=gas
domain.com/
domain.com

Answer 1

我正在使用 Node ^10，这就是我从 URL 中提取主机名的方式。

var url = URL.parse('https://stackoverflow.com/q/13506460/2535178')
console.log(url.hostname)
//=> stackoverflow.com

Answer 2

新的挑战者出现了。根据节点文档，您也可以使用

   var url = new URL(urlString);
   console.log(url.hostname);

https://nodejs.org/api/url.html#url_the_whatwg_url_api

这似乎是一种更流行的方式。

Answer 3

如果您确实有有效的 URL，这将起作用：

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

注意，当您使用的语言有其他内置方法时，使用正则表达式处理这种事情是愚蠢的。

A 元素上可用的其他属性。

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

---

编辑#2

经过进一步考虑，我查看了 Node.js 文档并发现了这个小宝石：url#parse

上面的代码可以改写为：

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

---

编辑 #1

如果您想了解如何使用jsdom 和nodejs 解决此问题，请查看此帖子的修订历史

Answer 4

/^((?:[a-z0-9-_]+\.)*[a-z0-9-_]+\.?)(?::([0-9]+))?(.*)$/i

匹配主机、端口、路径

Answer 5

由于你使用的是node，所以使用内置的url.parse()方法即可；你想要得到的hostname 属性：

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

更新：

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