location.pathname の使い方

1. 現在のパス名の取得: location.pathname を使用すると、現在のページの URL のパス名を取得できます。例えば、次のようにします:

console.log(location.pathname);

このコードを実行すると、現在のページのパス名がコンソールに表示されます。

2. 特定のパス名との比較: location.pathname を使用して、特定のパス名と現在のパス名を比較することもできます。例えば、現在のパス名が "/blog" かどうかを確認するには、次のようにします:

if (location.pathname === "/blog") {
  console.log("現在のページはブログです。");
} else {
  console.log("現在のページはブログではありません。");
}

このコードを実行すると、現在のページが "/blog" の場合は "現在のページはブログです。" が表示され、それ以外の場合は "現在のページはブログではありません。" が表示されます。

3. パス名の一部を取得: location.pathname を使用して、パス名の一部を取得することもできます。例えば、現在のパス名から特定のセグメントを取得するには、次のようにします:

const pathSegments = location.pathname.split("/");
console.log(pathSegments[2]);

このコードでは、現在のパス名を "/" で分割し、pathSegments 配列にセグメントが格納されます。例えば、"/blog/post/123" という現在のパス名の場合、pathSegments[2] は "post" となります。