为了账号安全,请及时绑定邮箱和手机立即绑定

如何简化阵列过滤器

如何简化阵列过滤器

白衣染霜花 2022-09-23 10:00:24

我想知道如何简化这一点,以避免重复小写并包含每个属性的条件。


 items() {

  return this.table.filter.keyword

    ? this.dataArray.filter(

        item =>

          item.nombre.toLowerCase().includes(this.table.filter.keyword) ||

          item.paisOrigen

            .toLowerCase()

            .includes(this.table.filter.keyword) ||

          item.ciudad.toLowerCase().includes(this.table.filter.keyword) ||

          item.sector.toLowerCase().includes(this.table.filter.keyword) ||

          item.contratadorPor

            .toLowerCase()

            .includes(this.table.filter.keyword) ||

          item.moneda.toLowerCase().includes(this.table.filter.keyword)

      )

    : this.dataArray;

}


查看完整描述

2 回答

?
慕姐8265434

TA贡献1458条经验 获得超2个赞

在应用过滤器之前,您可以使用地图功能:

  1. 使用映射将值转换为小写(您可以使用...循环中转换所有属性)

  2. 对地图结果应用过滤器。

this.data.map(item => {

  let ret = {};

  for (let p in item) {

    ret[p] = item[p].toLowerCase();

  }

  return ret;

}).filter(item => {

  //... perform your filter logic here...

});


查看完整回答
反对 回复 2022-09-23
?
忽然笑

TA贡献1489条经验 获得超5个赞

如果你真的想降低重复次数,你可以做这样的事情。


 items() {

  const lowerIncludes = (val) => val.toLowerCase().includes(this.table.filter.keyword)

  const fields = ['nombre', 'paisOrigen', 'ciudad', 'sector', 'contratadorPor', 'moneda']

  return this.table.filter.keyword ? this.dataArray.filter(item => fields.some(f => lowerIncludes(item[f]))) : this.dataArray

 }

你把它变成它自己的功能。,然后列出要包含在正在使用的过滤器中的字段。.toLowerCase().includes(this.table.filter.keyword)or


然后,您可以像所有语句一样工作。如果关键字位于任何字段中,它将返回 true。fields.some(f => lowerIncludes(item[f])||


查看完整回答
反对 回复 2022-09-23
  • 2 回答
  • 0 关注
  • 10 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信