JS中的模糊查詢功能
更新時間：2019年12月08日 13:53:26 作者：純白棒球帽
這篇文章主要介紹了JS中的模糊查詢功能，本文給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下
在項目中會用到模糊查詢，之前在首頁是用的element的tree顯示的目錄，會有用到搜索，但tree里邊會有自帶的模糊查詢，用filter-node-method方法使用
但上次的項目中 又涉及到不試用插件的模糊搜索，使用原生來搜索，其實網上有很多種，但個人覺得正則還是好用，不區(qū)別大小寫很方便，之前看網上測評速度，正則的速度也挺快的，
<input type="text" v-model="textData" />
data() {
return {
textData: ""
};
},
watch: {
textData(val, arr) {
console.log(val, arr); //val改變就可實時獲取值 arr是要檢測的數(shù)組
if (val) {
let reg = new RegExp(val, "gi");
for (let i = 0; i < arr.length; i++) {
arr[i].forEach(item => {
if (!reg.test(item.name)) {
item.checked = false; //模糊查詢之后要執(zhí)行的代碼
}
});
}
}
}
}
總結
以上所述是小編給大家介紹的JS中的模糊查詢功能，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的！
相關文章
javascript 使td內容不換行不撐開如何實現(xiàn)，本文將詳細介紹，需要了解的朋友可以參考下2012-11-11
下面小編就為大家?guī)硪黄猨s復制內容到剪貼板代碼,js復制代碼的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
用javascript編寫的第一人稱射擊游戲...2007-02-02
一句話控制框架的刷新2008-08-08
這篇文章主要介紹了什么是JavaScript的防抖與節(jié)流,防抖是在頻繁觸發(fā)某一個事件時，一段時間內不再觸發(fā)該事件后才會去調用對應的回調函數(shù)，在設定間隔時間內如果下一次事件被觸發(fā)， 那么就重新開始定時器，直到事件觸發(fā)結束，節(jié)流看下面文章的具體介紹吧2021-12-12
eval() 函數(shù)計算 JavaScript 字符串，并把它作為腳本代碼來執(zhí)行，本文給大家2015-12-12
這篇文章主要為大家詳細介紹了小程序實現(xiàn)左滑刪除效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07
用JavaScript計算在UTF-8下存儲字符串占用字節(jié)數(shù)
想辦法在JavaScript中判斷在UTF-8下存儲的String的字節(jié)數(shù)，在網上找到很多關于Unicode介紹的文檔，最重要的是字符編碼數(shù)值對應的存儲長度2013-08-08
這篇文章主要介紹了js對象繼承之原型鏈繼承,以實例形式分析了原型鏈繼承的實現(xiàn)方法與注意事項,具有一定參考借鑒價值,需要的朋友可以參考下2015-01-01
這篇文章主要為大家詳細介紹了純js實現(xiàn)隔行變色效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11