如何使 map 函数返回单个值而不是数组？

Question

下面函数的最初想法是，只有当 ID 匹配时它才应该返回卡片（一个对象），但是它没有返回任何东西（它返回未定义）：

showDetails(cards, id){
  cards.map(function(card, index){
    if(card.id==id){
      console.log(card);
      return card;
    }
  })
}

然后我意识到我的返回范围错误，我需要返回循环返回的内容，所以我想出了这个：

showDetails(cards, id){
  return (cards.map(function(card, index){
    if(card.id==id){
      return card;
    }
  }))
}

上面代码的结果是：[undefined, Object]

我只希望这个函数 showDetails 返回对象，而不是数组。

谢谢！

Answer 1

您可以使用Array#some 提前退出。

function showDetails(cards, id) {
    var result;
    cards.some(function(card) {
        if (card.id === id) {
            result = card;
            return true;
        }
    });
    return result;
}

或者使用 ES6 方法Array#find

function showDetails(cards, id) {
    return cards.find(function(card) {
        return card.id === id;
    });
}