Get the value of a String after last Slash in JavaScript

Get the value of a String after the last Slash #

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.

Copied!
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.

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.

Copied!
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.

Copied!
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.

Further Reading #

• Get the Substring after a specific Character in JavaScript
• Get the Substring before a specific Character in JavaScript
• Get a Substring between 2 Characters in JavaScript
• Check if String Doesn't include Substring in JavaScript
• Check if String ends with Substring in JavaScript