有的时候前端页面静态的,数据用的是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;
        }
    }

亲测可行,以下为测试图

遍历json实现简单模糊查询

搜索图

遍历json实现简单模糊查询

大家有什么不明白的地方可以在评论区评论~~

相关文章: