How to merge two arrays using javascript

Question

var tempStoreFood = [];
var sameFoodID = [];
var differentFoodID = [];
var finalStoreFood = [];

console.log("Temporary stored food", tempStoreFood);
console.log("Same Food Group", sameFoodID);
console.log("Different Food Group", differentFoodID);
console.log("Concatenate");

for (i = 0; i < self.foods.length; i++) {
  var foodBrand = self.foods[i];
  var foodBrandID = self.foods[i].brand_id;
  tempStoreFood.push(foodBrand);
  for (j = 0; j < tempStoreFood.length; j++) {
    var foodID = tempStoreFood[j].brand_id;
    var singleFood = tempStoreFood[j];
    if (foodID == foodBrandID) {
      sameFoodID.push(singleFood);
      break;
    }
    if (foodID !== foodBrandID) {
      differentFoodID.push(singleFood);
      break;
    }
  }

out put of the code

from the output i have got the samefoodID array and different food id array. now i want to group it as this(final output). any idea how can i do this using javascript.

final output

Your screenshots don't show any details about what is actually in your arrays. Post your input and expected output in your question, not as images. — Cully, Jun 13 '20 at 06:12
Does this answer your question? [How to merge two arrays in JavaScript and de-duplicate items](https://stackoverflow.com/questions/1584370/how-to-merge-two-arrays-in-javascript-and-de-duplicate-items) — Raul Sauco, Jun 13 '20 at 06:23

score 0 · Answer 1 · answered Jun 13 '20 at 06:29

0

If you are expecting the final output as an array like,

arrayMergedFood = array(arraySameFood, arrayDifferentFood)

then create a new array arrayMergedFood, then push the array arraySameFood and arrayDifferentFood on to that array. Avoid mutation.

answered Jun 13 '20 at 06:29

Kishan Suvarna

11
2

score 0 · Answer 2 · answered Jun 13 '20 at 06:31

0

You can use spread operator to merge array.

var arr1 = [1,2,3,4]
var arr2 = [ ...arr1, 5,6,7,8]
console.log(arr2)

answered Jun 13 '20 at 06:31

Santosh

2,743
4
26
57

Alyona Yavorska · Answer 3 · 2020-06-13T06:45:15.830

0

You can use .concat() method

var array1 = [1, 2, 3];
var array2 = ['a', 'b', 'c'];
var array3 = array1.concat(array2);

console.log(array3);

edited Jun 13 '20 at 06:45

answered Jun 13 '20 at 06:37

Alyona Yavorska

567
2
13
20

1

[Use this link for more info](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/concat) – Alyona Yavorska Jun 13 '20 at 06:48

score 0 · Answer 4 · answered Jun 13 '20 at 06:38

0

var sameFoodID = [1,2,3];
var differentFoodID = [4,5];
var mergeResult = [...sameFoodID,...differentFoodID];

console.log(mergeResult);

The spread operator is a useful and quick syntax for adding items to arrays, combining arrays or objects.

answered Jun 13 '20 at 06:38

karthicvel

305
2
5

How to merge two arrays using javascript

4 Answers4