從 VueJS 中使用者提交的字串中刪除首尾引號

Question

我有一個 VueJS 應用程序，其中包含預填資料的表單。 textarea 元素包含一些數據，如 UI 上所示

注意：（抱歉，我還沒有足夠的代表點來附加螢幕截圖）：

帶有引號的 UI 文字區域元素的螢幕截圖

我無法修改後端提供資料的方式。

因此，有沒有一種好方法可以從字串中刪除第一個和最後一個引號？我不想觸摸內部文本，以防用戶在其中添加引號。

'Hello World,welcome to "fooWorld!"' 的預期輸出應為 Hello World,welcome to 'fooWorld!'

以下是我如何在 SPA 中使用資料的真實範例：

data() {
    return {
        entryNotes: this.post.entryNotes  //<--- this is the data I need to format
    }
}

Answer 1

如何使用快速正規表示式來刪除開始和結束引號？

data(){
    return {
        entryNotes: this.post.entryNotes.replace(/^"/,"").replace(/"$/,"")
    }
}

第一個正規表示式找出字串的開頭（以 ^ 表示），然後找出引號。第二個正規表示式找出引號，然後找出字串結尾（字串結尾用 $ 表示）。

您也可以這樣做：

str.match(/^"?(.+?)"?$/)[1]

這個查找字串(^) 的開頭，後面跟著一個"，但是? 使其成為可選。然後括號捕獲. ，這意味著匹配任何內容。括號末尾之前的? 意味著停止匹配，因為盡快。然後它說尋找引號，但下一個問號說“可能”，然後尋找字串的結尾（$）。