JavaScript - 使用 .includes() 过滤数组的索引

Question

我正在尝试过滤掉数组 data 并让我的返回是 newData 过滤掉包含标题“旅游”的索引

我正在使用.filter 方法并使用.includes，但这样做时 newData 返回值包括“Tourism”，即使我检查返回不包括此的所有值。

这是我正在使用的代码示例：

let data = [ { title: "Vacation", revenue: 23421 }, { title: "Hospitals", revenue: 34212 }, { title: "Tourism", revenue: 42124 }, {title: "International Tourism", revenue: 87321 } ]


newData = data.filter(function (item) {
  return !item.title.includes('Tourism') || item.title.includes('Vacation')
})

console.log(newData)

我希望返回值不包括 "Tourism" and "International Tourism" 基于 .includes 返回不包括“旅游”的所有内容。我是否以正确的方式处理这种情况？无论我的.includes 检查如何，我的当前值都返回数组中的所有内容

Answer 1

includes 是一个方法，所以它是一个接受参数的函数，特别是在调用它的字符串或数组中检查的值。请改用.includes(value)：

let data = [{
  title: "Vacation",
  revenue: 23421
}, {
  title: "Hospitals",
  revenue: 34212
}, {
  title: "Tourism",
  revenue: 42124
}, {
  title: "International Tourism",
  revenue: 87321
}];

newData = data.filter(
  item => !item.title.includes('Tourism')
);

console.log(newData);

对于您的编辑，如果您想过滤掉多个值，您可以使用几种方式来表达相同的意思。考虑!includesTitle() && !includesVacation()（“不包括标题，不包括假期”）和!(includesTitle() || includesVacation)（“不包括标题或位置”），它们在语义上是等效的：

let data = [ { title: "Vacation", revenue: 23421 }, { title: "Hospitals", revenue: 34212 }, { title: "Tourism", revenue: 42124 }, {title: "International Tourism", revenue: 87321 } ];

// filter for items where item doesn't include 'tourism' or 'vacation'
newData = data.filter(
  // using ! to exclude any that match:
  item => !(
    // Tourism, OR
    item.title.includes('Tourism') ||
    // Vacation
    item.title.includes('Vacation')
  )
);

console.log(newData);