因業務要求,同事需要對數據做模糊搜索,所以,也特寫本篇,希望可以對你幫助
參考:https://blog.csdn.net/example440982/article/details/88861965
(不會使用的下列方法的朋友,需要自己查一下文檔,文本就不再過多的去介紹語法,
? ? 或者給我留言,我會給你舉例說明)
1. indexof 方法(是最常見的搜索的方法)
說明:該方法將從頭到尾地檢索字符串 stringObject,看它是否含有子串 searchvalue。開始檢索的位置在字符串的 fromindex 處或字符串的開頭(沒有指定 fromindex 時)。如果找到一個 searchvalue,則返回 searchvalue 的第一次出現的位置。stringObject 中的字符位置是從 0 開始的。如果沒有找到,將返回 -1
html部分:
這里是靜態的部分
js部分:
這里是動態數據
這里就不做后續的處理了,因為console出來的數據就是篩選的數據,所以你再次渲染數據即可
這里是頁面所需要的數據格式
2. split 方法
說明:該方法通過在 separator 指定的邊界處將字符串 stringObject 分割成子串并返回子串數組。返回的數組中的字串不包括 separator 自身。如果 stringObject 中不存在 separator,將返回一個只包含stringObject的數組。故可以根據返回數組的長度來判斷是否存在子字符串 separator 。
3. match 方法
說明:該方法將在字符串 stringObject 內檢索指定的值,或找到一個或多個正則表達式的匹配。如果沒有找到任何匹配的文本,將返回 null 。否則,它將返回一個數組,其中存放了與它找到的匹配文本有關的信息。
4. test方法(正則匹配)
說明:該方法用于檢測一個字符串是否匹配某個模式。如果字符串 string 中含有與 RegExpObject 匹配的文本,則返回 true,否則返回 false。
我沒有測試一下這幾個方法的性能,感覺
https://blog.csdn.net/example440982/article/details/88861965 測試應該是對的,如果有不理解的,可以在下面留言即可