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

Question

我正在尝试遍历嵌套数组但无法显示。我是 Javascript 的新手，我们将不胜感激。谢谢

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>

Answer 1

您需要使用[] 访问列表项。此外，目前您只会显示最后一个数组，要显示所有数组，您可以使用 += 而不是使用 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>