前端模糊查询

    
    

            
aupres/欧珀莱
            
biotherm/碧欧泉
            
casio/卡西欧
            
l'occitane/欧舒丹
            
l＇oreal/欧莱雅
            
ochirly/欧时力
            
ohui/欧蕙
            
欧林雅
            
欧美
            
欧美
     

 

 

对于模糊查询，一般都是传关键字给后端，由后端来做。但是有时候一些轻量级的列表前端来做可以减少ajax请求，在一定程度上提高用户体验

//字符串方法indexOf
var len = list.length;
var arr = [];
for(var i=0;i    //如果字符串中不包含目标字符会返回-1
    if(list[i].indexOf(keyWord)>=0){
        arr.push(list[i]);
    }
}
return arr;

//正则表达式
var len = list.length;
var arr = [];
var reg = new RegExp(keyWord);
for(var i=0;i    //如果字符串中不包含目标字符会返回-1
    if(list[i].match(reg)){
        arr.push(list[i]);
    }
}
return arr;

转载于:https://www.cnblogs.com/Rookie-upgrade/p/7736409.html