Question

我正在尝试循环嵌套数组但无法显示。我是Javascript的新手任何帮助将不胜感激。谢谢

＆＃13;

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);
}

＆＃13;

<p> </p>

＆＃13;

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>

Answer 2

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] + '<br>';
}

<p> </p>

您使用[]使用()访问权限访问媒体资源，如果您想使用<br>打印下一行连接

通过javascript中的嵌套数组循环。无法显示它

2 个答案: