遍历员工数据时map返回undefined，console.log输出正常的技术咨询

哈哈，这个问题我太熟了！之前刚踩过.map的坑，正好给你捋清楚问题出在哪，还有几个好用的替代方案～

为什么用.map会返回undefined？ #

.map的核心作用是遍历数组并返回一个长度相同的新数组，每个位置对应原数组元素的处理结果。如果你的代码里只有当日期匹配时才return员工姓名，不匹配的元素没有return任何值，那这些位置就会被自动填充undefined，最终得到的数组是一堆undefined和少数正确姓名的混合体——这就是你console.log能看到正确值，但整体返回结果全是undefined的原因。

替代方案分两种场景 #

场景1：需要获取所有匹配日期的员工姓名 #

推荐用filter + map组合，先筛选出符合条件的员工，再提取姓名，这样得到的数组里全是有效姓名，没有多余的undefined：

// 先筛选出日期匹配的员工，再提取姓名
const matchedNames = employees
  .filter(emp => {
    // 用MomentJS格式化员工日期，格式根据你的testArr里的日期格式调整
    const formattedEmpDate = moment(emp.date).format('YYYY-MM-DD');
    // 检查是否在testArr中存在
    return testArr.includes(formattedEmpDate);
  })
  .map(emp => emp.name);

console.log(matchedNames); // 输出所有匹配的姓名数组
return matchedNames;

或者用reduce一步到位，减少一次数组遍历：

const matchedNames = employees.reduce((acc, emp) => {
  const formattedEmpDate = moment(emp.date).format('YYYY-MM-DD');
  if (testArr.includes(formattedEmpDate)) {
    acc.push(emp.name);
  }
  return acc;
}, []);

return matchedNames;

场景2：只需要第一个匹配日期的员工姓名 #

如果不需要所有匹配项，只找第一个符合条件的，用find最方便——它会直接返回第一个满足条件的员工对象，找不到就返回undefined：

const matchedEmployee = employees.find(emp => {
  const formattedEmpDate = moment(emp.date).format('YYYY-MM-DD');
  return testArr.includes(formattedEmpDate);
});

// 提取姓名，没找到的话可以给个默认值
const matchedName = matchedEmployee ? matchedEmployee.name : '未找到匹配员工';
console.log(matchedName);
return matchedName;

小提醒 #

记得确认MomentJS的格式化字符串和testArr里的日期格式完全一致哦，比如testArr里是"2024-05-20"，那你格式化的时候就得用'YYYY-MM-DD'，不然会出现匹配不上的情况～

内容的提问来源于stack exchange，提问作者Dženis H.