Get filename from string path in javascript?

Question

How to get the filename from string-path in javascript?

Here is my code

var nameString = "/app/base/controllers/filename.js"; //this is the input path string

do something here to get only the filename

var name = ???   //this value should equal to filename.js

possible duplicate of [How to get the file name from a full path using JavaScript?](http://stackoverflow.com/questions/423376/how-to-get-the-file-name-from-a-full-path-using-javascript) — , Mar 29 '15 at 19:52

levi · Accepted Answer · 2012-08-04T03:37:47.823

118

Try this:

   var nameString = "/app/base/controllers/filename.js";
   var filename = nameString.split("/").pop();

edited Aug 04 '12 at 03:37

answered Aug 04 '12 at 03:28

levi

20,483
7
63
71

7

Nice to see a simple, nonregex answer. – AlexMA Aug 04 '12 at 03:31
2

The `-1` parameter isn't required (and is ignored in fact). https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Array/pop – AKX Aug 04 '12 at 03:36
What if string was `"/app/base/controllers"`? – javiniar.leonard Nov 02 '16 at 09:34
@javiniar.leonard you will get "controllers" – levi Nov 02 '16 at 16:29
What if the filename contains `\/` ? – Ant Jan 05 '17 at 04:49
1

@Cooluhuru you need to use regex – levi Jan 05 '17 at 15:15
Path separator could be '\' and it fails. – ed22 Jun 13 '20 at 13:08

score 7 · Answer 2 · answered Aug 04 '12 at 03:31

7

I don't know why you'd want to us a regex to do this. Surely the following would be sufficient:

var nameString = "/app/base/controllers/filename.js";
var nameArray = nameString.split('/');
var name = nameArray[nameArray.length - 1];

answered Aug 04 '12 at 03:31

Brandon

2,704
1
13
7

One could conceivably use a regex, but I agree with you. Though a regex could be useful to parse out bad paths. – AlexMA Aug 04 '12 at 03:32
This really should be the answer, much more flexible. – Kenny Powers Dec 11 '16 at 02:42

score 1 · Answer 3 · edited Feb 14 '20 at 11:44

Here one more detailed solution using Regular Expressions.

Alternative 1 (generic): Get a file name (whatever) from a string path.

const FILE_NAME_REGEX = /(.+)\/(.+)$/

console.log("/home/username/my-package/my-file1.ts".replace(FILE_NAME_REGEX, '$2'))

console.log("/home/username/my-package/my-file2.js".replace(FILE_NAME_REGEX, '$2'))

Alternative 2 (advanced): Get only a .ts file name from a string path.

const JS_PATH = "/home/username/my-package/my-file.spec.js"
const TS_PATH = "/home/username/my-package/my-file.spec.ts"

// RegExp accepts only `.ts` file names in lower case with optional dashes and dots
const TS_REGEX = /(.+)\/([a-z.-]+\.(ts))$/

// a. Get only the file name of a `.ts` path
console.log(TS_PATH.replace(TS_REGEX, '$2'))

// b. Otherwise it will return the complete path
console.log(JS_PATH.replace(TS_REGEX, '$2'))

Note: Additionally you can test first the regular expressions above in order to validate them before to getting the expected value.

TS_REGEX.test(TS_PATH)
// > true

TS_REGEX.test(JS_PATH)
// > false

More information at MDN - Regular Expressions

score 0 · Answer 4 · answered Aug 04 '12 at 06:14

0

a pure regex solution: \/([^\\\/:*?\"<>|]+)$
you will get file name from group 1

answered Aug 04 '12 at 06:14

godspeedlee

672
3
7

Get filename from string path in javascript?

4 Answers4

Linked

Related