JavaScript URLパスの一部を取得する

やりたいこと

JavaScriptでURLのパスの一部を取得する

実装

実装の流れは以下のものになります。

①URLのパスを取得する

②パスの1つ1つを配列に分割する

③作成した配列から指定の部分を取得する

以下実装例を紹介していきます。

今回は、https://○○/user/1の1（ユーザーID）を取得していきたいと思います。

①URLのパスを取得する

URLのパスはlocation.pathnameで取得することが出来ます。

console.log(location.pathname);
// /○○/user/1

②パスの1つ1つを配列に分割する

取得したパスを配列に分割するには、splitを使用します。

ちなみに①と②は同時に実装できます。

console.log(location.pathname.split('/'));
// (4) ["", "○○", "user", "1"]

③作成した配列から指定の部分を取得する

配列にすることが出来たので、あとはindexを指定するだけで任意の部分を取得することが出来ます。

const path = location.pathname.split('/');
console.log(path[3]);
// 1

以上!!!!!!!!!!!!!!