【Javascript】URLからドメイン部分のみを取得する。ほか

2022/6/16

URLから「ドメイン部分のみ（ルートURL）」を切り出す方法を調べたのでまとめメモ。

正規表現でもできそうですが少しややこしそうだったので、簡単に実装できそうなものを選んでいます。

やりたいこと
「URLオブジェクト」を使う
「URLオブジェクト」で他に取得できるもの

やりたいこと

https://craft-time.jp/http-request-http-response/からhttps://craft-time.jpの部分を切り取りたい。

「URLオブジェクト」を使う

const target_url = 'https://craft-time.jp/http-request-http-response/';

const url = new URL(target_url);
const domain = url.origin;
console.log(domein);


// https://craft-time.jp

「URLオブジェクト」で他に取得できるもの

URLオリジンの他にも、いろいろ取得することができます。

const target_url = 'https://example.com/tags/1?user_id=1&order_by=asc';

const url = new URL(target_url);
const result = url.〇〇;  // いろいろなプロパティがあります。

プロパティ	内容	出力例
.origin	URLのオリジン（スキーム&ドメイン&ポート）	=> https://example.com
.hostname	URLのドメイン	=> example.com
.pathname	最初の’/’に続くURLパス	=> /tags/1
.hash	‘#’ に続くURLフラグメント識別子	=> #heading2
.search	先頭の?で始まるすべての引数（クエリパラメータ）	=> ?user_id=1&order_by=asc
.searchParams.get(‘〇〇’)	.searchのー引数にアクセス	.searchParams.get(‘user_id’) => 1