如何正确去重并提取 MongoDB 查询结果里的唯一标签数组

本文讲解在 Node.js 中使用 Array.map() 处理 MongoDB 查询结果时，因误用空数组与 includes() 导致重复元素未被过滤的问题，并提供基于 Set 的高效、简洁解决方案。

本文讲解在 node.js 中使用 `array.map()` 处理 mongodb 查询结果时，因误用空数组与 `includes()` 导致重复元素未被过滤的问题，并提供基于 `set` 的高效、简洁解决方案。

在你提供的代码中，核心问题在于：map() 方法本身不会修改原数组，且你在 map 执行期间反复检查的是一个尚未被填充的空数组 resultArray（初始为空），因此 resultArray.includes(tag) 永远返回 false，导致每个标签都被 return，最终生成包含重复项的稀疏数组（含 undefined 元素）。

来看原始逻辑的执行过程：

let resultArray = []; // 初始为空 []allRecipes.map(recipe => {  const tag = recipe.tag;  if (resultArray.includes(tag)) { // ❌ 始终为 false —— resultArray 还没被赋值！    // 跳过  } else {    return tag; // ✅ 每次都执行，但 map 不会“累积”到 resultArray  }});

注意：map() 返回一个全新数组，而你并未将其赋值给 resultArray；同时，resultArray 在循环内始终是空数组，无法实现“边遍历边查重”的效果。这也是为什么 console.log(resultArray) 显示 [ Breakfast, Lunch, Lunch, Breakfast ] —— 实际输出的是 map 返回的数组（其中重复项未被跳过），而非你预期的去重结果。

✅ 正确做法：避免在 map 中做状态判断，改用语义更清晰、性能更优的方案——Set

Set 是 ES6 提供的内置集合类型，天然保证元素唯一性，且插入与查询时间复杂度均为 O(1)，比反复调用 includes()（O(n)）高效得多：

const getUniqueTags = async (req, res) => {  try {    const allRecipes = await Recipe.find({}).select("tag");    // ✅ 一步提取所有 tag 并自动去重    const uniqueTags = [...new Set(allRecipes.map(recipe => recipe.tag))];    console.log(uniqueTags); // 示例输出: [ 'Breakfast', 'Lunch', 'Dinner' ]    res.status(200).json(uniqueTags);  } catch (error) {    console.error(error);    res.status(500).json({ error: "Failed to fetch unique tags" });  }};

? 补充说明：

• allRecipes.map(r => r.tag) 生成原始标签数组（可能含重复）；
• new Set(...) 自动剔除重复值；
• [...set] 或 Array.from(set) 将 Set 转为标准数组，便于 JSON 序列化和前端消费。

⚠️ 注意事项：

• 确保 recipe.tag 不为 null/undefined，否则 Set 会保留这些值。如需健壮性，可先过滤：

  const tags = allRecipes  .map(r => r.tag)  .filter(tag => typeof tag === 'string' && tag.trim() !== '');const uniqueTags = [...new Set(tags)];

• 若需保持首次出现顺序（Set 默认按插入顺序迭代，符合多数场景），无需额外处理；若需排序，可在最后链式调用 .sort()；
• 避免在循环中频繁修改被检查的数组（如用 push + includes），这不仅逻辑易错，且时间复杂度升至 O(n²)。

综上，用 Set 替代手动查重，既简洁又可靠，是处理唯一性需求的标准实践。