如何访问JavaScript数组中的“橙色”项

Question

我想得到这样的东西：oranges

但是不显示任何输出。我尝试通过控制台进行打印，但无法正常工作。

var array2 = ["Banana", ["Apples", ["Oranges"], "Blueberries"]];

Answer 1

由于所需的水果位于第三层内部，因此必须使用3个索引。尝试array2[1][1][0]。

逐步：

array2[1]        => ["Apples", ["Oranges"], "Blueberries"]
array2[1][1]     => ["Oranges"]
array2[1][1][0]  => Oranges

var array2 = ["Banana", ["Apples", ["Oranges"], "Blueberries"]];

console.log(array2[1][1][0]); // Oranges

Answer 2

您可以在阵列上使用Destructuring assignment

但是在这里似乎有点过分

var array2 = ["Banana", ["Apples", ["Oranges"], "Blueberries"]];

let [,[,[orange]]] = array2

console.log(orange)

我添加了此答案以告知这种方式已存在，但 the answer from @Mamum是需要从数组中获取少量值时要使用的方法：

let orange = array2[1][1][0]

Answer 3

欢迎约书亚！

可从索引0开始访问数组，因此，要访问内部数组["Apples", ["Oranges"], "Blueberries"]，您需要写array2[1]，因为它是数组中的第二项。

接下来，您需要访问["Oranges"]，它也是该数组中的第二项，结果为array2[1][1]。

最后，由于array2[1][1]还返回了一个在其第一个索引（0）中包含“橙色”的数组，因此您必须编写array2[1][1][0]才能得到结果

console.log(array2[1][1][0])

Answer 4

您的数组当前是嵌套的，确定要这样吗？由于您的项目具有线性列表，因此建议您删除内部数组：

var array2 = ["Banana", "Apples", "Oranges", "Blueberries"];

可以通过使用与您要选择的项目关联的索引号来调用数组内容。在这种情况下：

console.log(array2[2]);

Here是JavaScript数组上的MDN文档，供您参考：）