如何简化阵列过滤器

Question

我想知道如何简化这一点，以避免重复小写并包含每个属性的条件。 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;}

Answer 1

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

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...

});

Answer 2

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

 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])||