按数组过滤对象数组答案

【问题标题】：Filter array of objects by array按数组过滤对象数组
【发布时间】：2021-08-27 10:35:29
【问题描述】：

如何用另一个数组值过滤下面的数组？

  const GuideTabs = [
    { id: 0, label: 'Highlights', analyticsCategory: 'Highlights' },
    { id: 1, label: 'Labor & Employment', analyticsCategory: 'Labor & Employment' },
    { id: 2, label: 'Culture', analyticsCategory: 'Culture' },
    { id: 3, label: 'Holidays', analyticsCategory: 'Holidays' },
  ]

我想用下面的数组过滤这个数组，只返回现有的数据

 const gtabs = ['Culture, Holidays']
  const arr = GuideTabs.filter(function(item){
    return gtabs.indexOf(item.id) === -1
  })

但它总是返回 GuideTabs 中的所有 4 个数组项，但它应该返回 2,3 个项 GuideTabs 数组

  const GuideTabs = [
    { id: 0, label: 'Highlights', analyticsCategory: 'Highlights' },
    { id: 1, label: 'Labor & Employment', analyticsCategory: 'Labor & Employment' },
    { id: 2, label: 'Culture', analyticsCategory: 'Culture' },
    { id: 3, label: 'Holidays', analyticsCategory: 'Holidays' },
  ]
  const gtabs = ['Culture, Holidays']
  const arr = GuideTabs.filter(function(item){
    return gtabs.indexOf(item.id) === -1
  })
  
  console.log(arr)

【问题讨论】：

const gtabs = ['Culture, Holidays'] 这是一个包含一个元素的数组。我想这应该是const gtabs = ['Culture', 'Holidays']
return gtabs.indexOf(item.label) != -1 ?

标签： javascript jquery arrays multidimensional-array ecmascript-6

【解决方案1】：

你需要使用

gtabs.includes(obj.label))

因为您要与包含字符串的gTabs 进行比较，即"Culture", "Holidays"

const GuideTabs = [
  { id: 0, label: "Highlights", analyticsCategory: "Highlights" },
  {
    id: 1,
    label: "Labor & Employment",
    analyticsCategory: "Labor & Employment",
  },
  { id: 2, label: "Culture", analyticsCategory: "Culture" },
  { id: 3, label: "Holidays", analyticsCategory: "Holidays" },
];

const gtabs = ["Culture", "Holidays"];

const result = GuideTabs.filter((obj) => gtabs.includes(obj.label));

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

【讨论】：

【解决方案2】：

您也可以使用some 和filter。

const result = GuideTabs.filter((tab) => gtabs.some((guideTab) => guideTab === tab.label));

【讨论】：