迭代數組中的多個對象時測試匹配的更好方法

Question

我在使用小型 function 時遇到問題，我在其中寫道，我無法讓值正確返回。 我想知道是否有比使用.forEach循環更好的方法來做到這一點。

    var userSelectedBook = { id: 1234 };
    var bookList = [
        {
            id: 5678,
            color: "blue"
        },
        {
            id: 1234,
            color: "red"
        }
    ];
    
    function getBookColor(bookList, userSelectedBook) {
      const color = bookList.forEach(book => {
        if (book.id === userSelectedBook.id) {
          return book.color;
        }
      });
      return color;
    }

在上述情況下，當我調用getBookColor()時，我希望收到響應“red”，因為我正在傳遞 ID 為1234的userSelectedBook 。

但是，即使將控制台日志放在if語句中確實顯示了正確的color ，我也只會得到undefined 。

Answer 1

forEach是一個void function （總是返回undefined ），你需要使用find代替。

function getBookColor(bookList, userSelectedBook) {
  return bookList.find(book => book.id === userSelectedBook.id)?.color;
}

Answer 2

 const bookList = [{id: 5678,color: "blue"},{id: 1234,color: "red"}]; function getColorForId(list,id){ return list.find(b=>b.id==id)?.color?? "none"; } ['5678', 1234, 12345].forEach(t=> console.log(`The book ${t} is ${getColorForId(bookList,t)}.`) );