美文网首页
纯前端多条件查询

纯前端多条件查询

作者: jack_rofer | 来源:发表于2020-10-16 09:42 被阅读0次

说明:
①纯前端多条件查询,不涉及后端请求
②可多条件精确匹配和单个条件模糊匹配(或则多个条件模糊匹配)
③不懂看看注释

filterData(condition,data){
      //condition 传入的是查询条件,是一个对象
      //const condition = {
     //      字段: 值
  //    }
        //data 是本次需要筛选的数据源。
       let filter = (condition, data) => {
        return data.filter( item => {
          return Object.keys( condition ).every( key => {
            if(condition[ key ] == '') return true
            //这里是为了进行某个(或多个)条件的模糊查询做出的业务判断。key是对应的值。
           // let diff = key == 'gdsNm1' || 'gdsNm2' //多个条件模糊查询
            let diff = key == 'gdsNm'    //单个条件模糊查询
             ? String( item[ key ] ).toLowerCase().indexOf( String( condition[ key ] ).trim().toLowerCase() ) !== -1
             : String( item[ key ] ).toLowerCase() == String( condition[ key ] ).trim().toLowerCase()
            return diff
          })
          
        })
      }
      return filter(condition,data)
    }

转自:前端多条件查询数据处理

相关文章

  • 纯前端多条件查询

    说明:①纯前端多条件查询,不涉及后端请求②可多条件精确匹配和单个条件模糊匹配(或则多个条件模糊匹配)③不懂看看注释...

  • 前端与后端交互

    基本知识 1.前端提供数据 在开发中,URL主要是由后台来写好给前端。 若后台在查询数据,需要借助查询条件才能查询...

  • MongoDB query notes

    基础 无条件查询: (多)条件查询 条件操作符 $lt $lte $gt $gte $ne $in 包含 $...

  • 纯前端单条件搜索

    前言 一般第一次返回获取到数据,之后就利用第一次拿到的数据进行过滤。 一。事件触发 input/click/blu...

  • 前端和后端是如何交互的

    1、前端请求数据URL由谁来写 在开发中,URL主要是由后台来写好给前端。 若后台在查询数据,需要借助查询条件才能...

  • 前后端是如何交互的

    1、前端请求数据URL由谁来写 在开发中,URL主要是由后台来写好给前端。 若后台在查询数据,需要借助查询条件才能...

  • 前端和后台如何做交互

    1、前端请求数据URL由谁来写 在开发中,URL主要是由后台来写好给前端。 若后台在查询数据,需要借助查询条件才能...

  • 前端和后端是如何交互的

    1、前端请求数据URL由谁来写 在开发中,URL主要是由后台来写好给前端。 若后台在查询数据,需要借助查询条件才能...

  • 前后端是如何交互的

    1、前端请求数据URL由谁来写 在开发中,URL主要是由后台来写好给前端。 若后台在查询数据,需要借助查询条件才能...

  • 前端和后端是如何交互的

    1、前端请求数据URL由谁来写 在开发中,URL主要是由后台来写好给前端。 若后台在查询数据,需要借助查询条件才能...

网友评论

      本文标题:纯前端多条件查询

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