前端过滤问题求解？

Question

之前是过滤掉data中和columnsDataList3中calcCode相同的，现在是要过滤calcCode、startPeriod、endPeriod这三个同时满足的时候才过滤掉，只有一个或者两个满足的时候不过滤

this.attachmentList1 = dt.data.content.filter(item => {
    return item.calcCode != this.columnsDataList3[0].calcCode
});

Answer 1

this.attachmentList1 = dt.data.content.filter(item => {
    const dataList3 = this.columnsDataList3[0];
    const isFilter = item.calcCode === dataList3.calcCode && item.startPeriod === dataList3.startPeriod && item.endPeriod === dataList3.endPeriod;
    if (!isFilter) return item;
  });

Answer 2

写判断，用且的方式连一起
例 return v==v1&&v==v2&&v=v3

Answer 3

this.attachmentList1 = dt.data.content.filter(item => {
  return checkNotSame(item, this.columnsDataList3[0])
})

function checkNotSame(currentItem, data) {
  const sameKeyArr = ['calcCode', 'startPeriod', 'endPeriod']

  return !!sameKeyArr.find(key => currentItem[key] !== data[key])
}

Answer 4

this.attachmentList1 = dt.data.content.filter(item => {
    const { calcCode, startPeriod, endPeriod } = this.columnsDataList3[0]
    return item.calcCode !== calcCode || item.startPeriod !== startPeriod || item.endPeriod !== endPeriod
})

这样？

Answer 5

filter 是满足条件的会留下来，所以：

this.attachmentList1 = dt.data.content.filter(item => 
    item.calcCode === this.columnsDataList3[0].calcCode
    && item.startPeriod === this.columnsDataList3[0].startPeriod
    && item.endPeriod === this.columnsDataList3[0].endPeriod
);

Answer 6

如果是要把 3 个属性都与 this.columnsDataList3[0] 中对应的属性相同的 item 过滤掉，可以这样写逻辑

方法一：! + &&，先判全相同，再取反

this.attachmentList1 = dt.data.content.filter(item => {
  return !(item.calcCode == this.columnsDataList3[0].calcCode
    && item.startPeriod == this.columnsDataList3[0].startPeriod
    && item.endPeriod == this.columnsDataList3[0].endPeriod)
});

方法二：||，判一不同

this.attachmentList1 = dt.data.content.filter(item => {
  return item.calcCode != this.columnsDataList3[0].calcCode
    || item.startPeriod != this.columnsDataList3[0].startPeriod
    || item.endPeriod != this.columnsDataList3[0].endPeriod
});

方法三：! + every，逻辑同方法一

this.attachmentList1 = dt.data.content.filter(item => {
  return !['calcCode', 'startPeriod', 'endPeriod']
    .every(prop => item[prop] == this.columnsDataList3[0][prop])
});

方法四：some，逻辑同方法二

this.attachmentList1 = dt.data.content.filter(item => {
  return ['calcCode', 'startPeriod', 'endPeriod']
    .some(prop => item[prop] != this.columnsDataList3[0][prop])
});