web-dev-qa-db-ja.com

JavaScriptでURLからホストを抽出する方法は？

末尾の文字$, \?, /, :までドメインをキャプチャします。これらすべてでdomian.comをキャプチャする正規表現が必要です。

domain.com:3000
domain.com?pass=gas
domain.com/
domain.com
javascriptnode.jsparsingurl
16
ThomasReggi

実際に有効な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を使用してこの問題を解決する方法については、この投稿の改訂履歴をご覧ください。

47
maček

ノードを使用しているので、組み込みの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);
});
22
ebohlman

Node ^10そして、これがURLからホスト名を抽出する方法です。

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

新しいチャレンジャーが登場しました。ノードのドキュメントによると、あなたも使うことができます

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

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

これは現在の方法のようです。

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

一致は、ホスト、ポート、パスです

0
stroncium