javascript: create an array of JSON objects from linking two arrays

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