javascript：通过链接两个数组创建一个JSON对象数组

Question

let's say I have two arrays:

  var  meals: ["breakfast", "lunch", "dinner"];
  var ingredients: [["eggs", "yogurt", "toast"],["falafel", "mushrooms", "fries"], ["pasta", "cheese"];

Is there an elegant solution to create an array of JavaScript objects which features:

var dailySchedule = {"breakfast" : ["eggs", "yogurt", "toast"],
                      "lunch": ["falafel", "mushrooms", "fries"],
                      "dinner": ["pasta", "cheese"]
}

I know it should be something with .reduce but I keep scratching my head how to do it...

Answer 1

Sure, you could reduce it

 var meals = ["breakfast", "lunch", "dinner"]; var ingredients = [ ["eggs", "yogurt", "toast"], ["falafel", "mushrooms", "fries"], ["pasta", "cheese"] ]; var dailySchedule = meals.reduce( (a,b, i) => { return a[b] = ingredients[i], a; },{}); console.log(dailySchedule) 

 .as-console-wrapper {top : 0} 

Answer 2

Just use Array#forEach .

The forEach() method executes a provided function once per array element.

 var meals = ["breakfast", "lunch", "dinner"], ingredients = [["eggs", "yogurt", "toast"], ["falafel", "mushrooms", "fries"], ["pasta", "cheese"]], dailySchedule = {}; meals.forEach(function (k, i) { this[k] = ingredients[i]; }, dailySchedule); console.log(dailySchedule); 

 .as-console-wrapper { max-height: 100% !important; top: 0; } 

Answer 3

Another elegant way that i can think of is this;

 var meals = ["breakfast", "lunch", "dinner"], ingredients = [["eggs", "yogurt", "toast"],["falafel", "mushrooms", "fries"], ["pasta", "cheese"]], result = Object.assign(...meals.map((m,i) => ({[m]:ingredients[i]}))); console.log(result);