JavaScript中reduce方法返回undefined问题排查求助

兄弟，我立刻就发现你代码里导致undefined的核心问题啦，还有几个小细节也得提醒你：

1. 最直接的原因：ext函数没有返回reduce的执行结果 #

你第一个示例代码里，直接使用了arr.reduce(...)的返回值，所以能得到正确结果；但在自定义的ext函数中，你只是调用了arr.reduce()，却没有把reduce的结果return出去。JavaScript里，函数如果没有显式的return语句，默认会返回undefined——这就是console.log输出undefined的根本原因！

2. 额外的小问题：调用ext时缺少必要参数 #

你调用ext的时候没有传第二个参数zname，这会导致函数内部的val[zname]等价于val[undefined]，结果永远是undefined，reduce里的if条件永远不会触发，最后即使修正了return问题，得到的也只是reduce的初始值{}。

修正后的代码 #

function ext(arr, zname) {
  // 关键：加上return，把reduce的执行结果返回给函数调用者
  return arr.reduce(function(acc, val) {
    if (val[zname]) {
      acc = val[zname];
    }
    return acc;
  }, {});
}

// 调用时记得传入第二个参数zname，比如这里传'isTeacher'
console.log(ext([
  { name: "Alex", isTeacher: true },
  { name: "Bob", isTeacher: true },
  { name: "David", isTeacher: true }
], 'isTeacher'));

补充说明 #

另外提个小细节：你当前的reduce逻辑是每次匹配到val[zname]时，直接把acc替换成val[zname]的值，而不是做累加操作。比如上面的例子里，最后返回的会是最后一个对象的isTeacher值true。如果你的预期是收集所有符合条件的val[zname]值，那可能需要调整逻辑，比如改成acc.push(val[zname])（初始值改成数组[]），不过这得看你的实际需求啦~

内容的提问来源于stack exchange，提问作者xewuy