小编典典

如何在对象数组中过滤数组?

reactjs

我正在尝试通过 标签 过滤列表:

const initialState = [
     {id:1 ,name: 'Product A', image: 'pic-001.jpg', tags: ['nature', 'camping', 'outdoor']},
     {id:2 ,name: 'Product B', image: 'pic-002.jpg', tags: ['winter', 'hiking', 'camping', 'snow']},
     {id:3 ,name: 'Product C', image: 'pic-003.jpg', tags: ['vacation', 'family', 'kids', 'river', 'lake', 'fishing']}
   ]

我可以使用和按 名称
过滤列表,我的问题是当我尝试按标签列出产品时。我必须在产品过滤器内使用吗?还有另一种方法吗?map``filter``foreach


阅读 368

收藏
2020-07-22

共1个答案

小编典典

像那样?

const filter = 'nature';
const filteredResult = initialState.filter((item) => {
    return (item.tags.indexOf(filter) >= 0);
});
2020-07-22