JS：使用 find() 属性未定义的句柄

Question

我有一个从数组中的元素返回值的方法。并非所有元素都具有我想要返回的属性。我想用find() 的方法用一行来完成这个功能。我试过这种方法来解决它：

getExecsFromTour(tourId){
 return this.repInfo.find(el => el.id == tourId ).execs || [];
}

但不包含属性execs 的元素返回undefined 错误。

为了解决这个问题，我不得不将结果存储在一个局部变量中：

getExecsFromTour(tourId){
    let items       = this.repInfo.find(el => el.id == tourId);
    return items    != undefined ? items.execs : [];
}

但我想知道我是否遗漏了什么，这个功能可以用一句话来实现。

Answer 1

怎么样

getExecsFromTour(tourId){
     return this.repInfo.find(el => 'execs' in el && el.id == tourId ).execs || [];
}

...

已编辑

var a = [{execs : 1, id:4}, {id:5}];
function getExecsFromTour(tourId, x){
    return (x = a.find(el => 'execs' in el && el.id == tourId )) ? x.execs : [];
}

这次至少我跑了几次

Answer 2

您似乎有一般的想法，Array.prototype.find 将在数组中搜索第一个元素，当用作回调的参数时，回调将返回一个真实值。如果没有找到，则返回undefined。

您的代码应该可以工作，但是，在一行中执行此操作的一种方法（如果您愿意）是使用：

getExecsFromTour(tourId){
  return (this.repInfo.find(el => el.id == tourId) || {}).execs || [];
}

如果Array.prototype.find 返回undefined，第一个内括号表达式将被评估为空对象，它可以尝试（并且失败）在没有TypeError 的情况下访问.execs 键，这也将评估为@ 987654328@，在这种情况下，函数返回空数组，这就是你上面的代码所做的。

编辑：已经有人评论了这个解决方案，大声笑，但正如 cmets 所说，保持多行并没有错（这样更具可读性）。