多元素数组过滤失效问题：使用过滤数组筛选目标数组无结果的技术问询

你这段代码里有几个关键的问题，正是这些导致了多元素过滤时返回空结果，我帮你梳理并修复：

1. 错误使用filter方法 #

你现在用this.lista_vendas_filtrada.filter()的时候，只是在回调里往filtered数组push元素，但**filter方法本身是用来返回新数组的，你既没利用它的返回值，回调里也没有return判断条件**，这不仅逻辑冗余，还会导致过滤逻辑失效。

2. 目标数组的结构遍历错了 #

看你的示例数据，itemArray是一个数组，里面的每个元素是包含product1/product2这类键的对象，而不是直接带equipamento的对象。你当前代码直接取obj.equipamento，但这个obj是{product1: {...}, product2: {...}}，根本没有equipamento属性，自然匹配不到任何内容。

3. 数组赋值顺序有问题 #

你先把this.lista_vendas_filtrada赋值为this.exibir_por_pdv，但如果过滤逻辑本身出错，会直接覆盖掉原有数据，导致后续操作异常。

修复后的完整代码 #

public async gerarListaPDV(){
  // 先清空并重新构建筛选条件数组
  this.filterarr = [];
  // 用for...of遍历数组更安全，避免for...in拿到原型链属性
  for(const pdv of this.pdvs_selecionados){
    for(const equipamento of pdv.equipamentos){
      this.filterarr.push(equipamento.nome_equipamento);
    }
  }
  console.log('当前筛选的设备列表：', this.filterarr);

  let filtered = [];
  // 遍历原始数据列表（用lista_vendas_constante避免被之前的过滤结果污染）
  for(const itemObj of this.lista_vendas_constante){
    // 取出每个对象里的所有产品数据（因为itemObj是{product1:..., product2:...}结构）
    const products = Object.values(itemObj);
    // 筛选出符合设备条件的产品
    const matchedProducts = products.filter(product => this.filterarr.includes(product.equipamento));
    // 把匹配到的产品合并到结果数组
    filtered.push(...matchedProducts);
  }

  // 根据筛选条件是否存在，更新显示列表
  if(this.filterarr.length >= 1){
    this.exibir_por_pdv = filtered;
    this.lista_vendas_filtrada = filtered;
  } else{
    // 没有筛选条件时，重置为原始数据
    this.lista_vendas_filtrada = [...this.lista_vendas_constante];
  }

  this.carregarRelatorioTotal(true);
}

关键修改说明 #

• 修正目标数组遍历逻辑：用Object.values(itemObj)把每个对象里的product1/product2等值取出来，这样才能拿到equipamento字段进行匹配。
• 正确使用filter方法：直接利用filter的返回值获取匹配元素，不再手动维护filtered数组，逻辑更清晰可靠。
• 替换循环方式：把for...in换成for...of，避免遍历到对象的原型链属性，遍历数组和对象属性更安全。
• 调整数据来源：基于原始的lista_vendas_constante进行筛选，避免之前的过滤结果污染新的筛选逻辑。
• 重置筛选数组的时机：把this.filterarr = []放在循环最前面，确保每次调用方法都重新构建筛选条件，不会残留旧数据。

内容的提问来源于stack exchange，提问作者Gilmar Ribeiro dos Santos