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>

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>