js 实现纯前端查询

js 实现纯前端查询

const listData = [
  {
    hospitalId:'123',
    bankName:'中国建设银行',
    invoiceNo:'3210827738902187623',
    paymentWay:'1',
    platformPayYn:'Y',
    accountPeriodName:'2022-04-11'
  },
  {
    hospitalId:'2345',
    bankName:'中国工商银行',
    invoiceNo:'47258990836685037345',
    paymentWay:'1',
    platformPayYn:'Y',
    accountPeriodName:'2022-04-11'
  }
];
const queryParams = {
  hospitalId:'',
  bankName:'中国工商银行',
  invoiceNo:'',
  paymentWay:'1',
  platformPayYn:'Y',
  accountPeriodNames:[]
}
const ev = listData
        .filter(it => queryParams.hospitalId ? queryParams.hospitalId === it.hospitalId : !0)
        .filter(it => queryParams.bankName ? it.bankName.indexOf(queryParams.bankName) > -1 : !0)
        .filter(it => queryParams.invoiceNo ? it.invoiceIdList.indexOf(queryParams.invoiceNo) > -1 : !0)
        .filter(it => queryParams.paymentWay ? it.paymentWay === queryParams.paymentWay : !0)
        .filter(it => queryParams.platformPayYn ? it.platformPayYn === queryParams.platformPayYn : !0)
        .filter(it => queryParams.accountPeriodNames.length ?                 
         queryParams.accountPeriodNames.indexOf(it.accountPeriodName) > -1 : !0)
listData = [...ev]
// 最后输出
// listData = [
   // {
     // hospitalId:'2345',
    // bankName:'中国工商银行',
    // invoiceNo:'47258990836685037345',
    // paymentWay:'1',
    // platformPayYn:'Y',
    // accountPeriodName:'2022-04-11'
  // }
// ];