如何在JS中对多个字符串进行过滤？

Question

如何在JS中对多个字符串进行过滤？

javascriptfilterecmascript-6includefiltering

6

我希望能够在数组中筛选多个字符串（类型）。例如，我想在下面的数据结构中筛选类型为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中实现它。

- WDP

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- CertainPerformance · Accepted Answer

首先创建一个包含所需类型的数组，然后可以在该数组上使用.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);