javascript - 我如何在javascript中访问数组中的数组

Question

const arr = [ { 'days': 5,
'planDataTitle': 'Standard Plant-based meal Plan',
'breakfast': 1,
'lunch': 1,
'dinner': 1,
'entreeArry': [ [{'name':'meal plan'}], [{'quantity':1}] ] },
{ 'days': 5,
'planDataTitle': 'ION Performance Protein +',
'breakfast': 1,
'lunch': 1,
'dinner': 1,
'entreeArry': [ [{'name':'meal plan2'}], [{'quantity':2}] ] } ]


arr.forEach(function(element,index){
      meal_name = element.entreeArry[index].name
      quantity = element.entreeArry[index].quantity
      const arr = []
      newArr.push('- '+element.planDataTitle+'<br>'+ " " +mealOrder.join(',')+' for '+element.days+" days.<br>  "+meal_quantity[0].quantity+"x "+meal_name[0].name);

这只是返回给我一件元素，我如何获得它，以便我可以将所有元素放入 entreeArry 中，我正在尝试相应地在“arr”中加入每件元素的名称和数量。

预期输出可能是:

newArr.push('- '+element.planDataTitle+'<br>'+ " " +mealOrder.join(',')+' for '+element.days+" days.<br>  "+meal_quantity[0].quantity+"x "+meal_name[0].name);

所以我试图将每个数组中的所有内容放在一起。

Answer 1

你混淆了index的含义。

arr.forEach(function(element,index){
  meal_name = element.entreeArry[index].name
  quantity = element.entreeArry[index].quantity
}

此处 index 的值是顶级数组的索引，但随后您将其用于子数组。事实上，您需要另一个循环来迭代内部数组。

arr.forEach(function(plan,index){
  plan.entreeArry.forEach(function(entree){
    var meal_name = entree.name
    var quantity = entree.quantity
  }
}

注意事实上您的entryArry格式错误。它也是一个数组的数组，因此在当前情况下，您需要获取第一个值，并对其进行迭代。

首先，您应该将 entreArry 修复为对象数组:

entreeArry: [ {name:'tea', quantity:2} ]

然后，如果您需要制作一个漂亮的标签来使用基于 https://pastebin.com/RJ9qFFAi 中的示例的两个数组中的数据

arr.forEach(function(plan,index){
  var output = '- ' + plan.planDataTitle + '<br> ' +
      mealOrder.join(',') + ' for ' + plan.days + ' days.<br> ';
  plan.entreeArry.forEach(function(entree){
    var meal_name = entree.name;
    var quantity = entree.quantity;
    output += quantity + 'x ' + meal_name + '<br>';
  }
  // use your output here...
}