如何在 JS 中过滤多个字符串？ [复制]

Question

我希望能够过滤数组中的多个字符串（类型）。例如，我想过滤类型 meat 并在下面的数据结构中键入 fruit。 我想要实现的是过滤后的数据对象。

const data = [{type: "meat", food: "hamburger"}, {type:"fruit", food:"banana"}, {type:"fish", food: "red snapper"}, {type:"vegetables", food:"fungi"}]

let filter1 = 'meat'
let filter2 = 'fruit'

const filteredData = data.filter( post => post.type.includes(filter1, filter2) ? post:'');

// My expected result after filtering: [{type: "meat", food: "hamburger"}, {type:"fruit", food:"banana"}]

不幸的是，它返回 4 个结果，而不是上面预期的 2 个。

我知道如何在 _underscore.js 之类的库中处理这个问题，但我想在现代 EcmaScript 中实现它。

Answer 1

首先创建一个您想要包含的types 数组，然后然后您可以对该数组使用.includes 测试。 （目前，您的post.type.includes(filter1, filter2) 不起作用，因为includes 只接受一个参数）

const data = [{type: "meat", food: "hamburger"}, {type:"fruit", food:"banana"}, {type:"fish", food: "red snapper"}, {type:"vegetables", food:"fungi"}]

let filter1 = 'meat'
let filter2 = 'fruit'

const filters = [filter1, filter2];

const filteredData = data.filter(({ type }) => filters.includes(type));
console.log(filteredData);

您也可以使用Set 来降低运行时复杂度

const data = [{type: "meat", food: "hamburger"}, {type:"fruit", food:"banana"}, {type:"fish", food: "red snapper"}, {type:"vegetables", food:"fungi"}]

let filter1 = 'meat'
let filter2 = 'fruit'

const filters = new Set([filter1, filter2]);

const filteredData = data.filter(({ type }) => filters.has(type));
console.log(filteredData);