How to get value of a string after last slash in JavaScript?

Last Updated : 31 May, 2024

The task is to get the string after a specific character('/'). Here are a few of the most used techniques discussed. We are going to use JavaScript.

Below are the approaches used to get the value of a string after the last slash in JavaScript:

Table of Content

Approach 1: Using .split() method and .length property

Split the string by .split() method and put it in a variable(array).
Use the .length property to get the length of the array.
From the array return the element at index = length-1.

Example: This example uses the approach discussed above.

JavaScript

let str = "folder_1/folder_2/file.html";  function GFG_FUN() {          str = str.split("/");      console.log(str[str.length - 1]); }  GFG_FUN();

Output

file.html

Approach 2: Using .lastIndexOf(str) method and .substring() method

First, find the last index of ('/') using .lastIndexOf(str) method.
Use the .substring() method to get access the string after the last slash.

Example: This example uses the approach discussed above.

JavaScript

let str = "folder_1/folder_2/file.html";  function GFG_FUN() {     console.log(str.substring(str.lastIndexOf('/') + 1)); }  GFG_FUN();

Output

file.html

Approach 3: Using .split() method and pop() method

Split the string by .split() method
pop the variable by using pop() method

Example: This example uses the above approach.

JavaScript

let str = "folder_1/folder_2/file.html";  function GFG_FUN() {     str = str.split("/").pop();     console.log(str); }  GFG_FUN();

Output

file.html

Approach 4: Using Regular Expressions

Regular expressions provide a powerful way to search for patterns within strings. We can use a regular expression to match the portion of the string after the last slash.

Example: