【JavaScript】現在アクセスしているページのサブドメインを取得する方法！

あきぞらです。

JavaScriptで、現在アクセスしているページのサブドメインを取得したい場面がありました。

今回はその方法を紹介します。

現在アクセス中のURLを取得する

現在アクセス中のホスト名は、window.location.hostで取得することができます。

const host = window.location.host;
console.log(host) // akizora.tech

ドット「.」をsplitメソッドで配列に直し、shiftメソッドを使う

取得したホスト名をドット「.」で分割します。

splitメソッドを使うと配列に変換できます。

配列にしたあと、配列の最初の要素を取得するshiftメソッドを使ってとりだします。

const host = window.location.host;
const subDomain = window.location.host.split(".").shift();
console.log(subDomain) // akizora

キモはこれですね！

window.location.host.split(".").shift()

これで一発で取得することができます。