JavaScriptでURL文字列からホスト名を抽出する方法

URL文字列からホスト名（ドメイン部分）を抽出するには、JavaScriptのsplit()メソッドを活用するのが便利です。ここでは、実際のコード例とともにその手順をわかりやすく解説します。

コード例

function gettingTheHostNameFromURL(websiteURL) {
    var getTheHostName;
    if (websiteURL.indexOf("//") > -1) {
        getTheHostName = websiteURL.split('/')[2];
    } else {
        getTheHostName = websiteURL.split('/')[0];
    }
    getTheHostName = getTheHostName.split(':')[0];
    getTheHostName = getTheHostName.split('?')[0];
    return getTheHostName;
}
var websiteURL = "https://www.tutorialspoint.com/java/index.htm";
var websiteURL1 = "https://www.tutorix.com/about_us.htm";
var websiteURL2 = "https://www.tutorialspoint.com/execute_python_online.php";
console.log(gettingTheHostNameFromURL(websiteURL));
console.log(gettingTheHostNameFromURL(websiteURL1));
console.log(gettingTheHostNameFromURL(websiteURL2));

コードの仕組み

• まず、URLに「//」が含まれているかどうかを確認します。「https://」のようにプロトコルが含まれる場合は、「/」で分割した3番目の要素（インデックス2）がホスト名になります。
• 「//」が含まれていない場合は、分割後の最初の要素（インデックス0）がそのままホスト名となります。
• 続いて、「:」で分割することでポート番号を除去し、「?」で分割することでクエリ文字列も取り除きます。これにより、純粋なホスト名だけを取得できます。

プログラムの実行方法

上記のプログラムを実行するには、Node.js環境で以下のコマンドを使用します。

node fileName.js

実行結果

ここでは、ファイル名を「demo161.js」としています。このプログラムを実行すると、以下のような出力が得られます。

PS C:\Users\Amit\JavaScript-code> node demo161.js
www.tutorialspoint.com
www.tutorix.com
www.tutorialspoint.com

このように、split()メソッドを組み合わせることで、プロトコルやパス、ポート番号、クエリ文字列が含まれるURLからでも、簡単にホスト名のみを抽出することができます。