Javascript - grab page name from url whether trailing slash or not

Question

Not sure why this is stumping me. I need to grab the 'page' of a site. In my dev environment there is no trailing slash but on the staging server a trailing slash gets added. So, how do I return "page-name" regardless of if there's a trailing slash?

(Vanilla or jquery)

www.website.com/page-name
www.website.com/page-name/

My long solution... is there a shorter way?

let { href } = window.location;
let lastChar = href.substr(-1);
let ref;
if (lastChar === "/") {
  ref = href.slice(0, -1);
} else {
  ref = href;
}
let pageName = ref.split("/").pop();

Get the string after the last `/`; if it's empty, get the string after the penultimate `'/`. — Heretic Monkey, Sep 16 '21 at 21:18
Does this answer your question? [Last segment of URL in jquery](https://stackoverflow.com/questions/4758103/last-segment-of-url-in-jquery) — Heretic Monkey, Sep 16 '21 at 21:19
use const pageName= window.location.href.split('/')[1]??'home' — Mohsen Parvar, Sep 16 '21 at 21:19

score 0 · Answer 1 · answered Sep 16 '21 at 21:34

0

You can use location.pathname to get the path, then split by / and get the second item in the resulting array:

const result = location.pathname.split("/")[1]

answered Sep 16 '21 at 21:34

Spectric

30,714
6
20
43

score 0 · Answer 2 · answered Sep 17 '21 at 08:08

0

Regex possibly? get the last capture group.

let { href } = window.location;
const match = href.match(/\/([\w-]+)/g);
console.log(match[match.length - 1]);

answered Sep 17 '21 at 08:08

David Biderman

188
8

Mohsen Parvar · Answer 3 · 2021-09-16T21:20:49.200

-1

use

const url=window.location.href.split('\//')[1]??'home'

edited Sep 16 '21 at 21:20

answered Sep 16 '21 at 21:12

Mohsen Parvar

176
7

@moshen Parvar that returns the whole URL... – Kirk Ross Sep 16 '21 at 21:13

Javascript - grab page name from url whether trailing slash or not

3 Answers3