如何通过ID数组过滤文章数组？现有代码返回undefined求解决

我来帮你理清楚问题所在～你当前的代码返回undefined是因为用错了数组方法，咱们一步步来修正：

为什么你的原方法会返回undefined？ #

你用map遍历ids数组，每个id都会调用find去匹配文章。但find如果找不到对应id的文章，就会返回undefined，所以你的结果数组里会混着匹配到的文章和那些没匹配到的undefined——这显然不是你想要的“过滤文章数组”的效果。

正确的实现方式 #

方法一：直观写法（filter + includes） #

我们直接遍历文章数组，用filter保留那些id在ids数组里的项，这是最直接的写法：

const ids = [ '1', '2', '3' ];
const articles = [ 
  { id: '1', title: 'blua' }, 
  { id: '10', title: 'blua' }
];

const filteredArticles = articles.filter(article => ids.includes(article.id));
console.log(filteredArticles); // 输出: [{ id: '1', title: 'blua' }]

方法二：性能优化写法（用Set） #

如果你的ids数组元素很多，includes的查找效率是O(n)，换成Set的has方法（时间复杂度O(1)）会大幅提升性能：

const ids = [ '1', '2', '3' ];
const articles = [ 
  { id: '1', title: 'blua' }, 
  { id: '10', title: 'blua' }
];

const idSet = new Set(ids);
const filteredArticles = articles.filter(article => idSet.has(article.id));
console.log(filteredArticles); // 同样输出: [{ id: '1', title: 'blua' }]

核心区别 #

• map：用于转换数组元素，每个输入元素对应一个输出元素（不管是否符合条件）
• filter：用于过滤数组元素，只保留返回true的元素，自动排除不符合的

内容的提问来源于stack exchange，提问作者s-leg3ndz