Grab the end of a URL after the last slash with regex in javascript

Question

I need to be able to grab the number at the end of the url, and set it as the value of a textbox. I have the following, but it's not correctly stripping out the beginning of the URL before the last slash. Instead, its doing the opposite.

<input id="imageid"></input>

var referrerURL = "http://subdomain.xx-xxxx-x.xxx.url.com/content/assets/750";
var assetID = referrerURL.match("^(.*[\\\/])");
$("#imageid").val(assetID);

The result of the regex match should set the value of the text box to 750 in this case.

JSFiddle: Link

nu11p01n73R · Accepted Answer · 2015-05-04 15:58:27Z

7

The simple method is to use a negated character class as

/[^\/]*$/

Regex Demo

Example

var referrerURL = "http://subdomain.xx-xxxx-x.xxx.url.com/content/assets/750";
alert(referrerURL.match(/[^\/]*$/));
// Output
// => 750

answered May 4, 2015 at 15:58

nu11p01n73R

26.8k3 gold badges42 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Matt Over a year ago

Will do, just waiting for the timer to end (can't accept an answer so quickly after its been posted apparently)

charlietfl · Accepted Answer · 2015-05-04 16:04:02Z

1

Can use a simple split() and then pop() the resultant array

var assetID = referrerURL.split('/').pop();

Easier to read than a regex thus very clear what it is doing

DEMO

answered May 4, 2015 at 16:04

charlietfl

172k14 gold badges125 silver badges154 bronze badges

Comments

Pedro Lobito · Accepted Answer · 2015-05-04 16:08:38Z

1

var referrerURL = "http://subdomain.xx-xxxx-x.xxx.url.com/content/assets/750";
var myregexp = /.*\/(.*?)$/;
var match = myregexp.exec(referrerURL);
$("#imageid").val(match[1]);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input id="imageid"></input>

answered May 4, 2015 at 16:08

Pedro Lobito

99.8k36 gold badges274 silver badges278 bronze badges

Comments

Eder · Accepted Answer · 2015-05-04 16:20:56Z

0

You could try avoiding the usage of regular expression for this task just by using native javascript's string functions.

Splitting the text:

var lastSlashToken = referrerURL.split("/").pop(-1);

Looking up for the last ending "/text" token:

var lastSlashToken = referrerURL.substr(referrerURL.lastIndexOf("/") + 1);

However, if you still want to use regular expression for this task, you could try using the following pattern:

.*\/([^$]+)

Regular expression visualization

Working DEMO example @ regex101

edited May 4, 2015 at 16:20

answered May 4, 2015 at 16:08

Eder

1,88418 silver badges35 bronze badges

Collectives™ on Stack Overflow

Grab the end of a URL after the last slash with regex in javascript

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related