Borislav Hadzhiev
Last updated: Oct 8, 2021
Check out my new book
To get the value of a string after the last slash, call the substring()
method, passing it the index, after the last index of a /
character as a
parameter. The substring
method returns a new string, containing the specified
part of the original string.
const str = '/hello/world/index.html'; const afterLastSlash = str.substring(str.lastIndexOf('/') + 1); console.log(afterLastSlash); // 👉️ index.html
The parameter we passed to the String.substring method is the start index - the index of the first character to be included in the returned string.
We used the String.lastIndexOf method to get the index of the last slash character in the string.
We don't want to include the last slash in the returned string, therefore we
increment the index by 1
.
substring
method does not change the original string, it returns a new string containing a part of the original string. Strings are immutable in JavaScript.Note that the lastIndexOf
method returns -1
in case it doesn't find the
character in the string.
An alternative, perhaps simpler approach is to use the split
and pop
methods.
const str = 'hello/world/index.html'; const afterLastSlash = str.split('/').pop(); console.log(afterLastSlash); // 👉️ index.html
In the code snippet, we first call the
String.split
method to split on a /
character.
This returns an array of strings without the /
separator.
const str = 'hello/world/index.html'; const splitOnSlash = str.split('/'); console.log(splitOnSlash); // 👉️ ['hello', 'world', 'index.html']
We then call the Array.pop method which removes and returns the last element of the array.