Unleashing the power of Javascript to generate all possible combinations of multiple arrays of objects

Question

Unleashing the power of Javascript to generate all possible combinations of multiple arrays of objects

I am seeking to generate a comprehensive list of combinations from two arrays of objects.

The JSON files I have are:

Fruits

[
  {
    "food": "Apple",
    "calories": 100
  }
],
[
  {
    "food": "Orange",
    "calories": 150
  }
]

Meat

[
  {
    "food": "Chicken",
    "calories": 175
  }
],
[
  {
    "food": "Steak",
    "calories": 200
  }
]

I want to display all possible combinations of objects in the arrays:

Apple 100 Chicken 175

Apple 100 Steak 200

Orange 150 Chicken 175

Orange 150 Steak 200

Currently, I have a simple for loop that is not giving me the desired output:

 for(let i = 0; i < Fruits.length; i++) {
  for(var j = 0; j < Meat.length; j++)
    {
       combos.push(Fruits[i] + Meat[j])
    }
  };

The result I get is:

[
  '[object Object][object Object]',
  '[object Object][object Object]',
  '[object Object][object Object]',
  '[object Object][object Object]'
]

When using map function, I get a bit closer but still unable to access the objects:

combos.map(combo=> {console.log(combo)})

This gives:

[object Object][object Object]
[object Object][object Object]
[object Object][object Object]
[object Object][object Object]

Looking for guidance on how to access these objects or if they are defined there at all.

Thank you for your help!

Update: By adjusting indexes and adding brackets, I was able to achieve my goal with this code:

for(let i = 0; i < this.arrBreakfasts.length; i++) {
  for(var j = 0; j < this.arrLunches.length; j++){
      this.combos.push([this.arrBreakfasts[i][0], this.arrLunches[j][0]]);
  }
};

Thank you!!

javascript arrays

Answer 1

Answer №1

This is the correct way to accomplish the task:

for(let x = 0; x < Fruits.length; x++) {
  for(var y = 0; y < Meat.length; y++)
    {
       combinations.push([Fruits[x], Meat[y]])
    }
  };

Your mistake lies in attempting a mathematical operation involving objects.

Answer 2

This is the correct way to accomplish the task:

for(let x = 0; x < Fruits.length; x++) {
  for(var y = 0; y < Meat.length; y++)
    {
       combinations.push([Fruits[x], Meat[y]])
    }
  };

Your mistake lies in attempting a mathematical operation involving objects.

Answer 3

Answer №2

const vegetables = [
  [{ food: 'Broccoli', calories: 50 }],
  [{ food: 'Carrot', calories: 75 }]
];

const grains = [
  [{ food: "Quinoa", calories: 150 }],
  [{ food: "Brown rice", calories: 120 }]
];

const mealCombos = [];

vegetables.forEach(veggie => grains.forEach(grain => mealCombos.push([veggie, grain])));

mealCombos.forEach(combo => console.log(JSON.stringify(combo, null)));

Answer 4

const vegetables = [
  [{ food: 'Broccoli', calories: 50 }],
  [{ food: 'Carrot', calories: 75 }]
];

const grains = [
  [{ food: "Quinoa", calories: 150 }],
  [{ food: "Brown rice", calories: 120 }]
];

const mealCombos = [];

vegetables.forEach(veggie => grains.forEach(grain => mealCombos.push([veggie, grain])));

mealCombos.forEach(combo => console.log(JSON.stringify(combo, null)));

Answer 5

Answer №3

To properly merge the properties of different objects, you should concatenate the properties instead of the objects themselves.

for(let i = 0; i < Fruits.length; i++) {
  for(var j = 0; j < Meat.length; j++){
       combos.push(Fruits[i][0].food + " " + Fruits[i][0].calories + " " + Meat[j][0].food + " " + Meat[j][0].calories);
  }
};

Demonstration:

const Fruits = [
  [
    {
      "food": "Apple",
      "calories": 100
    }
  ],
  [
    {
      "food": "Orange",
      "calories": 150
    }
  ]
];
const Meat = [
  [
    {
      "food": "Chicken",
      "calories": 175
    }
  ],
  [
    {
      "food": "Steak",
      "calories": 200
    }
  ]
];
let combos = [];
for(let i = 0; i < Fruits.length; i++) {
  for(var j = 0; j < Meat.length; j++){
       combos.push(Fruits[i][0].food + " " + Fruits[i][0].calories + " " + Meat[j][0].food + " " + Meat[j][0].calories);
  }
};
console.log(combos);

Answer 6

To properly merge the properties of different objects, you should concatenate the properties instead of the objects themselves.

for(let i = 0; i < Fruits.length; i++) {
  for(var j = 0; j < Meat.length; j++){
       combos.push(Fruits[i][0].food + " " + Fruits[i][0].calories + " " + Meat[j][0].food + " " + Meat[j][0].calories);
  }
};

Demonstration:

const Fruits = [
  [
    {
      "food": "Apple",
      "calories": 100
    }
  ],
  [
    {
      "food": "Orange",
      "calories": 150
    }
  ]
];
const Meat = [
  [
    {
      "food": "Chicken",
      "calories": 175
    }
  ],
  [
    {
      "food": "Steak",
      "calories": 200
    }
  ]
];
let combos = [];
for(let i = 0; i < Fruits.length; i++) {
  for(var j = 0; j < Meat.length; j++){
       combos.push(Fruits[i][0].food + " " + Fruits[i][0].calories + " " + Meat[j][0].food + " " + Meat[j][0].calories);
  }
};
console.log(combos);

Answer 7

Answer №4

If you're looking to combine different meals with fruits, a for loop can be helpful

 meals=[[ { "food": "Salmon", "calories": 250 } ], [ { "food": "Broccoli", "calories": 50 } ]] 
fruits=[[ { "food": "Turkey", "calories": 300 } ], [ { "food": "Pasta", "calories": 400 } ]]
result=[]
for(let x = 0 ;x < meals.length; x++){
for(let y = 0;y <fruits.length; y++){
combo=[meals[x][0].food,meals[x][0].calories,fruits[y][0].food,fruits[y][0].calories]
 result.push(combo)
      }
    }
console.log(result)

Answer 8

If you're looking to combine different meals with fruits, a for loop can be helpful

 meals=[[ { "food": "Salmon", "calories": 250 } ], [ { "food": "Broccoli", "calories": 50 } ]] 
fruits=[[ { "food": "Turkey", "calories": 300 } ], [ { "food": "Pasta", "calories": 400 } ]]
result=[]
for(let x = 0 ;x < meals.length; x++){
for(let y = 0;y <fruits.length; y++){
combo=[meals[x][0].food,meals[x][0].calories,fruits[y][0].food,fruits[y][0].calories]
 result.push(combo)
      }
    }
console.log(result)

Unleashing the power of Javascript to generate all possible combinations of multiple arrays of objects

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

Issue with Bootstrap 3 dropdown not receiving updates

Guide on setting up ShareThis on a Vue.js project

Techniques for extracting a specific section of a string in Javascript

Arranging an array based on dual criteria

AngularJS showing up as normal text

Using conditional CSS in React/Next.js

Employing Ajax long-polling to dynamically refresh content on my webpage by fetching data from an external API

augmentable form that can be expanded flexibly

Angular 2 Element Selection: Dealing with Unrendered Elements

The TypeScript error message states that the element type 'Modal.Header' specified in the JSX does not contain any construct or call signatures

Is it possible for certain text within a textbox to activate a jQuery event?

How to access the index number of a specific element in an array of

Step-by-step guide on how to import the socket.io npm package in Node.js

Accessing data from a Vue component externally

What is the best way to generate an empty object that mimics the structure of an object within an array of objects in AngularJS

`Can you please explain how to retrieve the current state in React?`

I am looking to efficiently sort and structure information from a CSV file using PHP

Is it possible for the Redux state to become unsynchronized?

Struggling to implement my reusable React component within a React Bootstrap modal

Ways to mandate adjusting an option in <select> tag