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