How can I cut a substring from a string to the end using Javascript?

Question

I have a url:

http://localhost/40ATV/dashboard.php?page_id=projeto_lista&lista_tipo=equipe

I want to get the address after the last dash using javascript:

dashboard.php?page_id=projeto_lista&lista_tipo=equipe

Hi Erick, the link you shared is on your local machine so is not visible. If you rephrase your question with a simple code snippet of what you currently have, then I can attempt to answer — Rowan
– Rowan, Commented Mar 13, 2012 at 20:15
Will your substring always start /dashboard...? Edit: @Rowan, the link is just an example of the string he's trying to cut the substring from. I hope. — Elliot Bonneville
– Elliot Bonneville, Commented Mar 13, 2012 at 20:15
Haha, oops. Fail :) Listen to @Elliot – confused me as it appears as a link, natural reaction is to click — Rowan
– Rowan, Commented Mar 13, 2012 at 20:16
Hello. Thanks for yout reply. Makes no difference the server. I want to cut after the last "/". — Erick Engelhardt
– Erick Engelhardt, Commented Mar 13, 2012 at 20:17

Community · Accepted Answer · 2020-06-20 09:12:55Z

43

You can use indexOf and substr to get the sub-string you want:

//using a string variable set to the URL you want to pull info from
//this could be set to `window.location.href` instead to get the current URL
var strIn  = 'http://localhost/40ATV/dashboard.php?page_id=projeto_lista&lista_tipo=equipe',

    //get the index of the start of the part of the URL we want to keep
    index  = strIn.indexOf('/dashboard.php'),

    //then get everything after the found index
    strOut = strIn.substr(index);

The strOut variable now holds everything after /dashboard.php (including that string).

Here is a demo: http://jsfiddle.net/DupwQ/

UPDATE:

The strOut variable in the example above includes the prefixed forward slash and it was requested that the output should not.

Replacing strOut = strIn.substr(index) with strOut = strIn.substr(index + 1) fixes the output for this specific use case by starting the substring one character farther ahead in the string.

Something else you could do is search for the string after a specific search term (non-inclusive):

var strIn = 'http://localhost/40ATV/dashboard.php?page_id=projeto_lista&lista_tipo=equipe';
var searchTerm = '/dashboard.php?';
var searchIndex = strIn.indexOf(searchTerm);
var strOut = strIn.substr(searchIndex + searchTerm.length); //this is where the magic happens :)

strOut now holds everything after /dashboard.php? (non-inclusive).

Here is an updated demo: http://jsfiddle.net/7ud0pnmr/1/

Docs -

indexOf(): https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String/indexOf
substr(): https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String/substr
String.length: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/length

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Mar 13, 2012 at 20:17

Jasper

76.1k14 gold badges153 silver badges148 bronze badges

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

3 Comments

Nabi K.A.Z. Over a year ago

I see many vote up, But this have two problem: 1) this included / char, but in the question, refer to without /. 2) for resolve that, if use indexOf...+1 then return all string when there are not any /dashboard... , so I suggestion use this solution: stackoverflow.com/a/58456746/1407491

Jasper Over a year ago

@NabiK.A.Z. Good catch. Answer updated to reflect the slash being included in output.

Hamed Siaban Apr 19 at 12:56

Of course remember to use subString instead of deprecated subStr.

prieber · Accepted Answer · 2017-06-13 21:55:58Z

9

This may be new, but the substring method returns everything from a specified index to the end of the string.

var string = "This is a test";

console.log(string.substring(5));
// returns "is a test"

answered Jun 13, 2017 at 21:55

prieber

5743 silver badges16 bronze badges

Comments

Jacob Brunson · Accepted Answer · 2012-03-13 20:16:35Z

5

If the beginning is always "http://localhost/40ATV" you can do this:

var a = "http://localhost/40ATV/dashboard.php?page_id=projeto_lista&lista_tipo=equipe";
var cut = a.substr(22);

answered Mar 13, 2012 at 20:16

Jacob Brunson

1,4924 gold badges24 silver badges37 bronze badges

3 Comments

Tracker1 Over a year ago

It may help to explain how something works at times instead of just answering the question with a utilitarian answer. substr/substring and indexOf are all important operations that can/should be covered.

Jacob Brunson Over a year ago

Thanks for the input. I'm new around here so please bare with me :)

Tracker1 Over a year ago

Not a problem.. just offering advice for more constructive answers. :)

FishBasketGordo · Accepted Answer · 2012-03-13 20:15:53Z

4

The native JavaScript String method substr^[MDN] can accomplish what you need. Just supply the starting index and omit the length parameter, and it grabs all the way to the end.

Now, how to go about getting the starting index? You didn't give any criteria, so I can't really help with that.

answered Mar 13, 2012 at 20:15

FishBasketGordo

23.2k4 gold badges60 silver badges92 bronze badges

2 Comments

Erick Engelhardt Over a year ago

I don't think is so easy. substr cannot find a specific group of characteres.

FishBasketGordo Over a year ago

Yes. For that, you would need to find the starting index.

Antony Scott · Accepted Answer · 2012-03-13 20:26:36Z

2

No need for jQuery, plain old javascript will do the job just fine.

var myString = "http://localhost/40ATV/dashboard.php?page_id=projeto_lista&lista_tipo=equipe";
var mySplitResult = myString.split("\/");
document.write(mySplitResult[mySplitResult.length - 1]);

and if you want the leading /

document.write("/" + mySplitResult[mySplitResult.length - 1]);

answered Mar 13, 2012 at 20:26

Antony Scott

22.1k12 gold badges64 silver badges95 bronze badges

Comments

japetko · Accepted Answer · 2017-03-24 07:58:02Z

0

First of all SPLIT URL:

var str = "http://localhost/40ATV/dashboard.php?page_id=projeto_lista&lista_tipo=equipe";
var arr_split = str.split("/");

Find the last array:

var num = arr_split.length-1;

You get the address after the last dash:

alert(arr_split[num]);

answered Mar 24, 2017 at 7:58

japetko

3684 silver badges15 bronze badges

Comments

Nabi K.A.Z. · Accepted Answer · 2019-10-18 18:59:41Z

0

You can use this code, if there are not dashboard... return empty.

var str = 'http://localhost/40ATV/dashboard.php?page_id=projeto_lista&lista_tipo=equipe';
var index = str.indexOf('/dashboard.php') + 1;
var result = '';
if (index != 0) {
  result = str.substr(index);
}
console.log(result);

answered Oct 18, 2019 at 18:59

Nabi K.A.Z.

10.9k6 gold badges69 silver badges88 bronze badges

Collectives™ on Stack Overflow

How can I cut a substring from a string to the end using Javascript?

7 Answers 7

UPDATE:

3 Comments

Comments

3 Comments

2 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

UPDATE:

3 Comments

Comments

3 Comments

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related