如何从javascript中的文件夹路径获取最后一个文件夹名称？

Question

In javascript/jquery, given a path to a folder like:

"http://www.blah/foo/bar/" 

or

"http://www.blah/foo/bar" (this one doesn't have a slash in the end)

How can you extract the name of the last folder? In this case it would be "bar" .

Is there an easy way through a built in function?

Thanks.

Answer 1

Use the power of the regular expression :

var name = path.match(/([^\/]*)\/*$/)[1]

Notice that this isn't the last "folder" (which isn't defined in your case and in the general case of an URL) but the last path token.

Answer 2

Use regular expressions! or:

var arr = 'http://www.blah/foo/bar/'.split('/');
var last = arr[arr.length-1] || arr[arr.length-2];

this accounts for ' http://www.blah/foo/bar//// ' :p (or crashes the browser)

var arr = 'http://www.blah/foo/bar/////'.split('/');
var last = (function trololol(i) {
  return arr[i] || trololol(i-1);
})(arr.length-1);

Answer 3

Take a look at this:

var lastFolder = location.href.split('/').filter(function(el) { 
    return el.trim().length > 0; 
}).pop();

 alert( location.href.split('/').filter(function(el) { return el.trim().length > 0; }).pop() ); alert( location.href ); var test = "http://www.blah/foo/bar/" ; alert( test.split('/').filter(function(el) { return el.trim().length > 0; }).pop() );

Answer 4

var myString = "http://www.blah/foo/bar";
var pathElements = myString.replace(/\/$/, '').split('/');
var lastFolder = pathElements[pathElements.length - 1];

This is pure JavaScript and doesn't need jQuery.

Answer 5

I usually use the combination of split and pop in javascript, because I usually get the folder addres from aws s3 , it's already clean:

const teststring = 'image_1/ArtService/GB/ART-123/dependants/ASM-123';
const folder = teststring.split('/').pop();
console.log('folder:', folder);// ASM-123

Answer 6

You can split the string into a list and grab the last element in the list via a function.

function checkString(stringToCheck) {
    var list1 = stringToCheck.split('/');
    if (list1[list1.length - 1].length < 1) {
        var item = list1[list1.length - 2]
    } else {
       var item = list1[list1.length - 1];
    }
    $('#results').append('Last Folder in '+stringToCheck+': <b>'+item+'</b><br>');

}

From there you can find the last actual element.

JSFiddle Example

While it may not be the most elegant answer, it seems to be the easiest to understand for someone that might not know regular expressions.

Updated JSFiddle to display the results.

Answer 7

var str = "...";
var segments = str.split("/");
var lastDir = (segments.length > 1) ? segments[segments.length - 2] : "";

First example yields "bar". Second example yields "foo".

If you want to disregard trailing slash and consider the last segment as a folder as well, then a slight tweak to @bdesham's RegExp does the trick:

var segments = str.replace(/\/+$/, '').split('/');
var lastDir = (segments.length > 0) ? segments[segments.length - 1] : "";

Answer 8

A simple regexp can do the job

var s = "toto1/toto2/toto3toto1/totofinale/";

s.replace(/^.*\/([^\/]+\/)$/, "$1")