【Javascript】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.〇〇;  // いろいろなプロパティがあります。

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

コメントを残す

*