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:

Table of Content

  • Approach 1: Using .split() method and .length property
  • Approach 2: Using .lastIndexOf(str) method and .substring() method
  • Approach 3: Using .split() method and pop() method
  • Approach 4: Using Regular Expressions

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

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

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:

JavaScript
let str = "folder_1/folder_2/file.html";

function getStringAfterLastSlash(str) {
    // Match any characters after the last slash
    const regex = /[^/]+$/;
    // Extract the matched portion using regex
    const match = str.match(regex);
    // Return the matched portion
    return match ? match[0] : "";
}

console.log(getStringAfterLastSlash(str));

Output
file.html




Contact Us