javascript - 使用 forEach 访问数组内的对象值？

Question

您好，我的第一个问题。我有一个如下所示的对象数组:

    const albums = [{title: 'title1', id: 1}, {title: 'title2', id: 2}, 
{title: 'title3', id: 3}]

我想从这个数组中通过 id 提取标题的动态值。这意味着如果我对此运行一个函数，当 id 指定为“1”时，我希望收到“title1”。我尝试了很多方法，包括现在看起来像这样的 forEach 循环:

albums.forEach(function(key, index, arr) {
        arr[index].title })

我在本网站的其他地方读到，for/forEach 循环可用于从对象数组内的对象中提取值。但我想我并不完全理解 forEach 循环在这方面是如何工作的，因为我无法从中提取任何值。如果在 forEach 循环中我调用 console.log (就像 console.log(arr[index].title) 它很好地记录了数组中每个元素的 title 属性的值。但是当我尝试返回( return arr[index].title )并调用它的函数时为未定义。

总而言之，我有两个问题:

1. 访问对象数组内的对象内的值的最佳方式是什么？

2. 当尝试访问对象数组中的对象时，forEach 循环如何准确工作？

感谢您的任何意见、建议、反馈

Answer 1

试试这个代码:

const albums = [{ title: 'title1',id: 1}, {title: 'title2',id: 2},{title: 'title3',id: 3}]

var idToFind = 2;
albums.forEach((element) => {
  if (element.id == idToFind) {
    console.log(element.title)
  }
})