本文讲解在 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 替代手动查重，既简洁又可靠，是处理唯一性需求的标准实践。
