How to get id from url in javascript?

Question

I have a url and just want to get the id:

https://web.microsoftstream.com/video/223ac74c-0a2f-4f36-b78b-a8ad8a6e3009

Guess I could just look for the '/' at the end and split up the string into substring. What would be a more elegant/better way to just get the id: 223ac74c-0a2f-4f36-b78b-a8ad8a6e3009?

location.pathname.split('/').pop() is one approach (assuming no hash or query params in url) — charlietfl, May 18 '18 at 00:55

Zohaib Ijaz · Accepted Answer · 2018-05-18T02:33:57.647

5

You can use Array.prototype.substring or regex

let url = 'https://web.microsoftstream.com/video/112233444';
let id = url.substring(url.lastIndexOf('/') + 1);
console.log(id);

// Or using regex
id = url.match(/\d+$/)[0];
console.log(id);

// If your id is some hash or uuid then
url  = 'https://web.microsoftstream.com/video/223ac74c-0a2f-4f36-b78b-a8ad8a6e3009';
console.log(url.match(/video\/(.*)$/)[1]);

edited May 18 '18 at 02:33

answered May 18 '18 at 00:54

Zohaib Ijaz

21,926
7
38
60

awesome dude thanks – bier hier May 18 '18 at 00:58
I updated answer, don't forget to add `$` at the end of regex otherwise it will match any number inside url – Zohaib Ijaz May 18 '18 at 01:02
What if the id looks like this:223ac74c-0a2f-4f36-b78b-a8ad8a6e3009 – bier hier May 18 '18 at 02:04
@bierhier Updated answer. Added similar scenario – Zohaib Ijaz May 18 '18 at 02:34
many thanks, good on ya – bier hier May 18 '18 at 04:55

How to get id from url in javascript?

1 Answers1