如何访问 Javascript 中的深层嵌套数组

Question

我必须从类似于以下内容的 API 访问数据：

{
 "name": "nameofevent",
 "speakers": [
   {
     "name": "speakerName"
   }
 ]
}

我不确定如何访问扬声器中的扬声器名称。下面是我所拥有的，但我认为我不能那样做，因为演讲者姓名与名称具有相同的变量名称。我将如何访问 speakerName？

{publicEvents.map((event) => {
    const { name, speakers: [{name}]} = event;
    return (
        <EventsCard
            eventName={name}
            speakerName={name}
        />
    ); 
})}

Answer 1

你可以在解构时分配不同的变量名。

{publicEvents.map((event) => {
    const { name: eventName, speakers: [{name: speakerName}]} = event;
    return (
           <EventsCard
                 eventName={eventName}
                 speakerName={speakerName}
           />
      ); 
    })}

Answer 2

正如 James 所说，它是一个数组，因此您需要在数组中指定该项目，因为可能有多个扬声器。像这样的东西可以用于 select 第一项：

speakers[0].name

如何访问 Javascript 中的深层嵌套数组

How to access deeply nested array in Javascript

javascript

arrays

destructuring