美文网首页
纯前端单条件搜索

纯前端单条件搜索

作者: jack_rofer | 来源:发表于2020-09-21 15:31 被阅读0次

    前言

    一般第一次返回获取到数据,之后就利用第一次拿到的数据进行过滤。

    一。事件触发

    input/click/blur/change/clear等

    二。代码逻辑

    handleSearch(inputFild, needFild){
      const data = ???(拿到数据源)
      const result = [];
       for(let i=0; i<data.length; i++){
         if(data[i][needFild].toUpperCase().includes(inputFild.trim().toUpperCase())){
             result.push(data[i])
         }
      }
     return result
    }
    

    相关文章

      网友评论

          本文标题:纯前端单条件搜索

          本文链接:https://www.haomeiwen.com/subject/twmvyktx.html