Get last slash url javascript

Question

My url will look like this:

Nội dung chính Show

How do you find the last slash in a string?
How do I find the last path of a URL?
How do you extract a substring after the last occurrence of the delimiter in JavaScript?
How do you split a slash in JavaScript?

http://www.example.com/category/action

How can I get the word "action". This last part of the url (after the last forward slash "/") will be different each time. So whether its "action" or "adventure", etc. how can I always get the word after the last closing forward slash?

Ates Goral

134k26 gold badges134 silver badges189 bronze badges

asked May 29, 2011 at 1:22

1

One way:

var lastPart = url.split("/").pop();

answered May 29, 2011 at 1:24

Ates GoralAtes Goral

134k26 gold badges134 silver badges189 bronze badges

1

Assuming there is no trailing slash, you could get it like this:

var url = "http://www.mysite.com/category/action";
var parts = url.split("/");
alert(parts[parts.length-1]);

However, if there can be a trailing slash, you could use the following:

var url = "http://www.mysite.com/category/action/";
var parts = url.split("/");
if (parts[parts.length-1].length==0){
 alert(parts[parts.length-2]);
}else{
  alert(parts[parts.length-1]);  
}

answered May 29, 2011 at 1:25

NiklasNiklas

29.5k5 gold badges48 silver badges70 bronze badges

1

str.substring(str.lastIndexOf("/") + 1)

Though if your URL could contain a query or fragment, you might want to do

var end = str.lastIndexOf("#");
if (end >= 0) { str = str.substring(0, end); }
end = str.lastIndexOf("?");
if (end >= 0) { str = str.substring(0, end); }

first to make sure you have a URL with the path at the end.

answered May 29, 2011 at 1:28

Mike SamuelMike Samuel

115k30 gold badges211 silver badges241 bronze badges

Or the regex way:

var lastPart = url.replace(/.*\//, ""); //tested in FF 3

OR

var lastPart = url.match(/[^/]*$/)[0]; //tested in FF 3

answered May 29, 2011 at 1:53

JonathonJonathon

2,4885 gold badges27 silver badges48 bronze badges

Well, the first thing I can think of is using the split function.

string.split(separator, limit)

Since everyone suggested the split function, a second way wood be this:

var c = "http://www.example.com/category/action";
var l = c.match(/\w+/g)
alert(l)

The regexp is just a stub to get the idea. Basically you get every words in the url.

l = http,www,example,com,category,action

get the last one.

answered May 29, 2011 at 1:28

dierredierre

7,06012 gold badges72 silver badges117 bronze badges

View Discussion

Improve Article

Save Article

Read

Discuss

View Discussion

Improve Article

Save Article

The task is to get the string after a specific character(‘/’). Here are few of the mostly used techniques discussed. We are going to use JavaScript.
Approach 1:

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 1: This example using the approach discussed above.

<html>

<head>

<title>

Get value of a string

after last slash in JavaScript?

title>

head>

<body style="text-align:center;"

id="body">

<h2 style="color:green;">

GeeksForGeeks

h2>

<p id="GFG_UP"

style="font-size: 15px;

font-weight: bold;">

p>

<button onclick="GFG_FUN()">

click here

button>

<p id="GFG_DOWN"

style="font-size: 24px;

font-weight: bold;

color: green;">

p>

<script>

var el_up = document.getElementById("GFG_UP");

var el_down = document.getElementById("GFG_DOWN");

var str = "folder_1/folder_2/file.html";

el_up.innerHTML = "Click on the button to get"+

" the string after last slash.<br><br>String - '"

+ str + "'";

function GFG_FUN() {


            str = str.split("/");
            el_down.innerHTML = str[str.length - 1];
        }
    script>
body>
html>
Output:



Approach 2:
First, find the last index of (‘/’) using .lastIndexOf(str) method.
Use the .substring() method to get the access the string after last slash.
Example 2: This
example using the approach discussed above.
<html>
<head>
    <title>
        Get value of a string 
      after last slash in JavaScript?
    title>
head>
<body style="text-align:center;" 
      id="body">
    <h2 style="color:green;">  
            GeeksForGeeks  
        h2>
    <p id="GFG_UP"
       style="font-size: 15px;
              font-weight: bold;">
    p>
    <button onclick="GFG_FUN()">
        click here
    button>
    <p id="GFG_DOWN" 
       style="font-size: 24px; 
              font-weight: bold;
              color: green;">
    p>
    <script>
        var el_up = document.getElementById("GFG_UP");
        var el_down = document.getElementById("GFG_DOWN");
        var str = "folder_1/folder_2/file.html";
        el_up.innerHTML = "Click on the button to get"+
          " the string after last slash.<br><br>String - '"
        + str + "'";
        function GFG_FUN() {
            el_down.innerHTML = 
              str.substring(str.lastIndexOf('/') + 1);
        }
    script>
body>
html>
Output:

 
How do you find the last slash in a string?
First, find the last index of ('/') using . lastIndexOf(str) method. Use the . substring() method to get the access the string after last slash.
How do I find the last path of a URL?
We identify the index of the last / in the path, calling lastIndexOf('/') on the thePath string. Then we pass that to the substring() method we call on the same thePath string. This will return a new string that starts from the position of the last / , + 1 (otherwise we'd also get the / back).
How do you extract a substring after the last occurrence of the delimiter in JavaScript?
Using lastIndexOf and substring :
var str = "foo/bar/test. html"; var n = str. lastIndexOf('/'); var result = str. substring(n + 1);
How do you split a slash in JavaScript?
JavaScript split by slash using regular expression
js let mString = 'millie/bobby/brown'; let splits = mString. split(/[\\\/]/); console. log(splits);

programming javascript JavaScript substringafterlast

Get last slash url javascript

How do you find the last slash in a string?

How do I find the last path of a URL?

How do you extract a substring after the last occurrence of the delimiter in JavaScript?

How do you split a slash in JavaScript?

Bài Viết Liên Quan

Quảng Cáo

Có thể bạn quan tâm

Toplist được quan tâm

Quảng cáo

Xem Nhiều

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội