Regex to get first word after slash in URL

Question

I need to get the first word after slash in a url in javascript, I assume using a regex would be ideal.

Here's an idea of what the URLs can possibly look like :

• http://mysite.com/section/
• http://mysite.com/section/subsection/
• http://mysite.com/section-with-dashes/
• http://mysite.com/section_with_underscores/

In bold is what I need the regex to match for each scenario, so basically only the first portion after the slash, no matter how many further slashes there are.

I'm at a complete loss here, appreciate the help.

Answer 1

JavaScript with RegEx. This will match anything after the first / until we encounter another /.

window.location.pathname.replace(/^\/([^\/]*).*$/, '$1');

Answer 2

Non-regex.

var link = document.location.href.split('/');
alert(link[3]);

Answer 3

Exploding an url in javascript can be done using the official rfc2396 regex:

var url = "http://www.example.com/path/to/something?query#fragment";
var exp = url.split(/^(([^:\/?#]+):)?(\/\/([^\/?#]*))?([^?#]*)(\?([^#]*))?(#(.*))?/);

This will gives you:

["", "http:", "http", "//www.example.com", "www.example.com", "/path/to/something", "?query", "query", "#fragment", "fragment", ""]

Where you can, in your case, easily retrieve you path with:

const path = exp[5];

And therefore the first word after the path using:

const rootPath = path.split('/')[1];

Answer 4

Try with:

var url = 'http://mysite.com/section-with-dashes/';
var section = url.match(/^http[s]?:\/\/.*?\/([a-zA-Z-_]+).*$/)[0];

Answer 5

Here is the quick way to get that in javascript

var urlPath = window.location.pathname.split("/");
if (urlPath.length > 1) {
  var first_part = urlPath[1];
  alert(first_part); 
}

Answer 6

My regex is pretty bad, so I will improvise with a less efficient solution :P

// The first part is to ensure you can handle both URLs with the http:// and those without

x = window.location.href.split("http:\/\/")
x = x[x.length-1];
x = x.split("\/")[1]; //Result is in x

Answer 7

$url = 'http://mysite.com/section/subsection';

$path = parse_url($url, PHP_URL_PATH);

$components = explode('/', $path);

$first_part = $components[0];

Answer 8

In case you want to get what is after the first forward slash (included) you can do like so:

const linkUrl = pathname.replace(/^(.*\/)/, '$1')

like for http://localhost:3000/dashboard/dataExploration will return /dashboard/dataExploration

Note this will help you to change the active link element according to the location pathname in react app for ex :).

Answer 9

string.split('://')[1].split('/')[1];