有的时候前端页面静态的,数据用的是json,但是实现搜索的时候就需要进行简单的搜索功能的制作了,一下代码是个人写出的遍历json实现查询功能的代码,仅供参考:
//遍历json实现模糊查询
function indexSelect(index){
if(index=="" || index==null ){
json = eval(json); //json是你的json变量名
return json;
}else{
newJson = [];
json = eval(json);
for(var i=0; i<json.length; i++)
{
if((json[i].name).indexOf(index)>-1){ //name为你需要遍历的变量
var tempJson = { //一下id和name是json中需要输出的变量
"id":json[i].id,
"name":json[i].name
};
newJson.push(tempJson);
}
}
return newJson;
}
}
亲测可行,以下为测试图
搜索图
大家有什么不明白的地方可以在评论区评论~~