javascript - 在javascript中循环嵌套数组。无法显示

我试图遍历嵌套数组，但无法显示。我是Java的新手，将不胜感激。谢谢

let shoppingList = [
  ['Shirts', 'Pants', 'Tie', 'Belt'],
  ['Fruits', 'Vegetables', 'Spices', 'Utensils'],
  ['Toilet paper', 'Washing liquid', 'Brushes', 'Sponges']
];

//accessing the above array using for loop
for(let shoppingIndex=0; shoppingIndex < shoppingList.length; shoppingIndex++) {
  document.querySelector('p').innerHTML = shoppingList(shoppingIndex);
}

<p> </p>

最佳答案

您需要使用[]访问列表项。另外，此刻您将只显示最后一个数组，要显示所有数组，您可以使用+=，而不必使用innerHTML，而可以使用textContent，因为您只显示没有HTML的文本。

let shoppingList = [
  ['Shirts', 'Pants', 'Tie', 'Belt'],
  ['Fruits', 'Vegetables', 'Spices', 'Utensils'],
  ['Toilet paper', 'Washing liquid', 'Brushes', 'Sponges']
];

//accessing the above array using for loop
for(let shoppingIndex=0; shoppingIndex<shoppingList.length; shoppingIndex++) {
   document.querySelector('p').textContent += shoppingList[shoppingIndex];
}

<p></p>