location.pathnameについて

Question

window.addEventListener('DOMContentLoaded',function(){
  const path =  location.pathname
  console.log(path)
  
  if (path === "/expenses/＄{current_user.id}") {
.
.
.
.
}

上記のコード（現在のパスが指定のパスのみif文の中身が実行される）を書きました。

if文の条件式で **/expenses/＄{current_user.id}")**の部分がcurrent_user.idを使ったマイページですが、この書き方だと反応してくれませんでした。
どのような書き方をしたら良いのでしょうか？
アドバイスやご指摘お願い致します。

Comments

[maisumakun]

このJavaScriptは、どこへ書くものと考えていますか？

[m.ts10806]

＄が全角のようですが、問題ないですか？
提示のJavaScriptがjsファイルに書かれていたらサーバーサイドの変数は当然渡せませんよ。

[Hiromu94]

お返事ありがとうございます。
こちらは、location.pathnameで取得したパスと同じ場所に書くつもりです。
今回で言うと、location.pathnameが「/expenses/２」なので、 "/expenses/＄{current_user.id}"も同じようになるようにしたいです。

[Hiromu94]

こちらは、jsファイルに書いています。
なるほど、では、そもそもcurrent_user.idが使えないと言うことでしょうか？

[m.ts10806]

テンプレートエンジンで使うための情報なのですから、テンプレートエンジン外のファイルには渡せません

Answer 1

JavaScriptの文字列リテラルですが、""の場合は変数展開されないので、``を使用してください。

• 文法とデータ型 - JavaScript | MDN

window.addEventListener('DOMContentLoaded',function(){
  const path =  location.pathname
  console.log(path)

  if (path === `/expenses/＄{current_user.id}`) {
.
.
.
.
}

Answer 2

なるほど、では、そもそもcurrent_user.idが使えないと言うことでしょうか？

はい、そのとおりです。意識して受け渡し方法を作らない限り使えません。