搜索框保留近五条搜索记录

需求：
搜索框下面展示近五条历史记录，并可执行查询功能。刷新界面可保存记录。

实现：
本项目搜索框如下，包括两部分内容，即搜索内容和分类。

if(me.zckeywords){   //me.zckeywords为搜索内容
    var arg={};
    arg.key=me.zckeywords;  
    arg.type=me.devtype;  //把搜索条件放在arg里，key为搜索内容，type为分类
    var flag=true;        //定义一个标志位，去重数组
    for(var i=0;i<me.hisList.length;i++){
        //me.hisList 为最终我们想要的数组
        if(me.hisList[i].key==arg.key&&me.hisList[i].type==arg.type){//判断该条搜索条件存在时就不放入数组。
            flag=false;
        }
    }
    if(flag){
        if(me.hisList.length>=5){
            me.hisList.shift();
            //判断数组中元素超过五条时去除第一条。保持只有5条。
        }
        me.hisList.push (arg);
        sessionStorage.setItem("hisList",JSON.stringify(me.hisList));//组织好的数组存入session
        
    }
}

记得刚进入页面取出session中的存的数组对象

   if(sessionStorage.getItem('hisList')){
        me.hisList=JSON.parse(sessionStorage.getItem('hisList'));
    }

效果：