從 VueJS 中使用者提交的字串中刪除首尾引號
P粉076987386
P粉076987386 2024-03-26 22:25:27
0
1
424

我有一個 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
    }
}

P粉076987386
P粉076987386

全部回覆(1)
P粉930534280

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

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

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

您也可以這樣做:

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

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

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板