JavaScript 如何从完整路径获取文件名

给定一个包含文件路径的文件名，任务是从完整路径中获取文件名。有几种方法可以解决这个问题，下面列出了其中一些方法：

JavaScript replace() 方法 ： 该方法在字符串中查找指定的值或正则表达式，并返回一个新的字符串，替换掉指定的值。

语法：

string.replace(searchVal, newvalue)

参数: 此方法接受如上所述的两个参数，并描述如下：

• searchVal: 此参数是必需的。它指定将要被新值替换的值或正则表达式。
• newvalue: 此参数是必需的。它指定要用于替换搜索值的值。

示例: 此示例使用 正则表达式 来通过 replace() 方法 获取文件名。

let path = "Path = " +
    "C:\\Documents\\folder\\img\\GFG.jpg";
 
console.log(path.replace(/^.*[\\\/]/, ''));

输出

GFG.jpg

JavaScript split() 方法： ： 该方法用于将字符串分割为子字符串的数组，并返回新的数组。

• 语法：

string.split(separator, limit)

参数： 此方法接受两个参数，如上所述，并在下文中描述：

• separator： 此参数是可选的。它指定用于分割字符串的字符或正则表达式。如果不使用，将返回整个字符串（只有一个项的数组）。
• limit： 此参数是可选的。它指定指定拆分数的整数，超出拆分限制的项将从数组中排除。

JavaScript数组pop()方法 ： 此方法删除数组的最后一个元素，并返回删除的元素。

语法：

array.pop()

返回值： 它返回任何类型的值，表示被删除的数组项。这个项可以是字符串、数字、数组、布尔值或者数组允许的任何其他对象类型。

示例2： 这个示例利用了重复使用 split() 和 pop() 方法来获取文件名。

let path = "Path = " +
    "C:\\Documents\\folder\\img\\GFG.jpg";
 
console.log(path.split('\\').pop().split('/').pop());

输出

GFG.jpg