我如何在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 格式不正确。它也是一个数组数组，因此在当前情况下，您需要获取第一个值，然后对其进行迭代。

首先，您应该将您的entreeArry 固定到一个对象数组中：

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...
}