如何從完整路徑中獲取文件名並存儲在 Javascript 中的對象屬性中？

Question

我最初的問題是只存儲對象上完整路徑中的文件名，我確實在網上找到了答案，但是我在將文件名存儲在對象的屬性中時遇到了問題。

這是我編寫的一段代碼。 希望我的問題會很清楚。

let song = {
                  name: document.getElementById('title').value,//Line 1
                  artist: document.getElementById('yr').value,//Line 2
                  path: function () {//Line 3
                  var filename = fullPath.replace(/^.*[\\\/]/, '');
                  return filename;
                  }

整個代碼都在一個被調用的函數中，並要求用戶從他的計算機中選擇一個文件。 現在我的問題是在 Line3 中，我只需要將文件名存儲在對象“歌曲”的“路徑”屬性中的完整路徑（例如：“example.mp3”）中。 這是我運行代碼后保存在“路徑”中的內容-

輸出圖像

請幫我解決這個問題。 謝謝！

Answer 1

您需要應用()來執行您的功能。 但是您可以通過直接分配replace()的值來進一步簡化它，如下所示：

let song = {
     name: document.getElementById('title').value,//Line 1
     artist: document.getElementById('yr').value,//Line 2
     path: fullPath.replace(/^.*[\\\/]/, '')
};

如果您致力於按照定義的方式使用該函數，則可以執行以下操作：

let song = {
     name: document.getElementById('title').value,//Line 1
     artist: document.getElementById('yr').value,//Line 2
     path: function () {//Line 3
        var filename = fullPath.replace(/^.*[\\\/]/, '');
        return filename;
     }()
};

注意path函數定義后的額外() 。