使用正規表示式實現不區分大小寫的高亮搜尋

2021-10-07 11:27:00 字數 572 閱讀 3072

搜尋框輸入變化時,匹配符合的元素匹配部分高亮。

元素名稱為,可以重新命名。

搜尋狀態時,通過正則匹配,將元件通過dom操作,替換成分割的字元,通過的class實現高亮樣式;在重新命名時,顯示回原來的元件。

主要為正則匹配替換的方法。

handlesearchmode: function(pattern) )

this.$refs["elementnamewraper"].innerhtml = name}},

使用了string.replace的api,第乙個引數為reg,'gi'保證了全域性和大小寫非敏感;第二個引數為function,引數為匹配結果。

一開始沒有使用string.replace,而是使用了string.split(reg)。這樣存在的問題在於,不能取得原字串匹配相符的字段,替換時,只能使用pattern,這樣會把原先的大寫字元在高亮時顯示成小寫字元。

正規表示式中不區分大小寫的寫法

正則忽略大小寫 regexoptions.ignorecase 例如 複製 如下 str regex.replace str,程式設計客棧 程式設計客棧or regexoptions.ignorecase 會把字串中的or,or,or,or去掉.也可以直接在正規表示式內設定相關選項,比如 複製 如下...

NotePad 正規表示式大小寫轉換

經常會用到notepad 中查詢替換的功能,其中通過正規表示式的查詢和替換功能著實讓平常重複繁瑣的工作變得輕鬆了些.這裡搜到了一片關於正規表示式替換時轉換大小寫字母的方式,在這裡整理一下,希望能夠幫助到用的到的同學.字串查詢 替換結果 功能hello world u 0hello world 小寫轉...

notepadd 正規表示式大小寫轉換

示例1 將語句 test this sentence 轉為大寫 查詢 替換 u 0 或 查詢 替換 u 1 或 u 1 示例2 將語句 test this sentence 轉為小寫 查詢 替換 l 0 或 查詢 替換 l 1 或 l 1 示例3 將語句 test this sentence 首字t...