如何访问Javascript中数组内部的数组内部的元素？

使用Angular 7无法找到此问题的解决方案。我的最终目标是这个过程：

用户在下拉列表中选择他们最喜欢的甜点

然后，如果用户选择冰淇淋，另一个下拉列表将填充口味列表

目前我有一个包含甜点的下拉列表，用户可以选择冰淇淋。我可以用console.log记录包含flavors数组的大型数组

console.log(JSON.stringify(this.desserts));

将返回：

{“甜点ID”：“1”， “甜点类型”：“冰淇淋”， “favlorresults”：[{}，[{“香料”：“巧克力”}]] }

我还可以将包含以下内容的阵列记录为console.log：

console.log(JSON.stringify(this.desserts[0].favlorresults[1]));

将返回：

[{“口味”：“巧克力”}]

但这返回为未定义：

console.log(JSON.stringify(this.desserts[0].favlorresults[1].FLAVORS));

我在等巧克力

不起作用的下拉逻辑：

{{desresult.u TYPE}
{{favlorresult.FLAVOR}

如果

this.desserts[0].favlorresults[1]

是一个数组（

[{“FLAVORS”：“CHOCOLATE”}]

），那么您需要首先获取元素（在索引0处）

---

i、 e.

this.deserts[0].favlorresults[1][0].口味

favlorresults[1][0].口味

我讨厌自己，谢谢！有时会发生：）会在允许的情况下接受这个答案。你知道如何解决我的下拉列表问题吗？（以上更新）@user68288抱歉我不熟悉angular。但你可以发布一个新问题。：）@用户68288哦，但是您可能需要将

favlorresult.FLAVOR

更改为

favlorresult[0]。FLAVOR