ドメイン名を抽出したい | 正規表現 | JavaScript 目的別リファレンス

window.onload: ページの読み込みが完了した時に実行されるイベントです。
RegExp.exec: 正規表現にマッチする文字列を取得するメソッドです。
document.getElementById: 指定したIDの要素を取得します。
Array.push: 配列の末尾に要素を追加するメソッドです。

目的別リファレンス

2024.09.24

このプログラムは、テキストからURLを解析し、そこに含まれるドメイン名を取り出します。この技術は、データ処理やウェブスクレイピングなどで非常に便利です。

ドメイン名抽出プログラム
RegExpオブジェクトメソッドの機能一覧
Arrayオブジェクトメソッドの機能一覧

ドメイン名抽出プログラム

実行例

抽出前の文章: “ウェブサイトは https://www.example.com で、他には http://test.org もあります。”

JavaScriptとHTMLコード


<div id="output"></div>

window.onload = function() {
    const text = "ウェブサイトは https://www.example.com で、他には http://test.org もあります。";
    const regex = /https?:\/\/([^\s]+)/g;
    let match;
    let domains = [];
    while ((match = regex.exec(text)) !== null) {
        domains.push(match[0]);
    }
    document.getElementById('output').innerHTML = `抽出したドメイン名: ${domains.join(', ')}`;
};