JavaScript urlから部分的に取得して変数に格納する方法

Question

JavaScriptをつかってurlから部分的に指定した文字列要素を取得して変数に格納する方法を教えていただきたいです

const path = location.pathname;
// pathには/hoge/abc123_def567が取れる想定です

その中で後ろのabc123_def567の _ 前の値(abc123)を取得し変数に格納したいです。

どのようにすれば少ないコードでabc123の部分を取得できるでしょうか。
お力添えよろしくお願いします

Answer 1

正規表現とmatchですね。
urlに出得る文字が分からないのでなるべく汎用的に書くと次のようになります。
urlの詳細が限定されればより簡単にかけます。

const s = path.match(//([^/_]+)_[^/_]+$/)[1];

詳しくは「javascript 正規表現」とかでググってください。↑の正規表現の意味くらいが分かるようになれば色々と便利だと思います。

---

追記

試してみても↑で普通に動くのですが…pathの中身がちゃんと取れてるか出力して確認してみてくださいとしか…
https://codepen.io/kairi003/pen/vYypaZd?editors=1111

それはそれとしてその条件ならパターンは /^/hoge/(abc\d+)_/とかで良さそうですね。
もっと言えばabcが一箇所にしかないことが保証されるならグループも使わずにmatch(/abc\d+/)[0]でもいいですね。

Comments

[ponpon00]

回答いただき有難うございます。
教えていただいた書き方を試したところ下記エラーが発生します。
TypeError: Cannot read property '1' of null
調べてみたのですが解決できず..
urlでは/hoge/abc123_def567　/hoge/abcは必ず取れて_の前の数字が変わります。abcの部分を含めた変数を作りたいです（abc123のような)。

[ponpon00]

遅くなってしまい申しわけございません。動かす事ができました。ありがとうございました。