如何讓map函數返回一個值而不是數組？

Question

最初的想法與下面的功能是，它應該返回卡（對象），只有當ID匹配的，但是，它並沒有返回任何東西（它返回undefined）：

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; 
    } 
    })) 
} 

上面的代碼的結果是：不確定，對象]

我只想要這個函數showDet ails返回對象，而不是數組。

謝謝！

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; 
    }); 
}