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

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:

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