/

如何使用JavaScript獲取路徑或URL的最後一個片段

如何使用JavaScript獲取路徑或URL的最後一個片段

在項目開發中，我需要獲取一個路徑的最後一個片段。

這個路徑可以是檔案系統路徑，也可以是URL。

以下是我使用的JavaScript程式碼：

1
const lastItem = thePath.substring(thePath.lastIndexOf('/') + 1)

這段程式碼的原理是什麼？

thePath 字串包含一個路徑，例如 /Users/Flavio/Desktop。

我們使用 lastIndexOf('/') 在 thePath 字串上找到最後一個 / 的索引。

然後，我們將這個索引傳遞給 substring() 方法，同樣作用在 thePath 字串上。

這將返回一個新字串，從最後一個 / 的位置開始，再加上 1 (否則我們也會得到 /)。

最後，我們將這個字串賦值給 lastItem。

你也可以將它封裝成一個簡單的函數：

1
2
3
4
5
6
const getLastItem = thePath => thePath.substring(thePath.lastIndexOf('/') + 1)

getLastItem('/Users')
getLastItem('/Users/Flavio')
getLastItem('/Users/Flavio/test.jpg')
getLastItem('https://flavicopes.com/test')

在上述例子中，​getLastItem 函數分別應用在幾個不同的路徑上。

圖片

tags: [“JavaScript”, “路徑”, “URL”, “字串處理”]