javascript - 遍历对象数组，检查匹配参数并将匹配对象添加到新数组

Question

我是 JS 和 React 的新手，有点卡在这里。我已经搜索过 SO，但我无法找到具有有效解释的解决方案。

这是我的数组。

第一个数组非常简单。

[1, 3, 4,]

第二个看起来像这样。

[
  {
    id: 1,
    title: Title 1,
   },
  {
    id: 2,
    title: Title 2,
   },
]

我想做的是搜索第二个数组，如果我能找到与第一个数组中的值匹配的 ID，则将第二个数组中的对象添加到第三个新数组。

我已经尝试了很多方法，我确信有一种相对简单的方法可以使用 forEach 循环或 lodash 来完成此操作，但我一无所获。

如有任何帮助和解释，我们将不胜感激。

谢谢，

Answer 1

您的第二个数组无效。您必须用引号将字符串值括起来。

您可以使用 Array.prototype.filter()

The filter() method creates a new array with all elements that pass the test implemented by the provided function.

和Array.prototype.includes()

The includes() method determines whether an array includes a certain element, returning true or false as appropriate.

试试下面的方法:

var arr1 = [1, 3, 4,];

var arr2 = [
  {
    id: 1,
    title: 'Title 1',
   },
  {
    id: 2,
    title: 'Title 2',
   },
];

var res = arr2.filter(i => arr1.includes(i.id));

console.log(res);