Loop through each object of an array and append each object from second array to the first array

Question

I have two arrays of objects. I need to loop through the first array and append each object of the second array to each object of the first array.

First array:

const productsArray = [
  {Name: 'product1', SKU: 'sku1'},
  {Name: 'product2', SKU: 'sku2'}, 
  {Name: 'product3', SKU: 'sku3'}
];

Second Array:

const quantitiesArray = [
  {Quantity: 100},
  {Quantity: 300}, 
  {Quantity: 600}
];

Desired Outcome:

const newProductsArray = [
  {Name: 'product1', SKU: 'sku1', Quantity: 100},
  {Name: 'product2', SKU: 'sku2', Quantity: 300}, 
  {Name: 'product3', SKU: 'sku3', Quantity: 600}
]

There will always be the same amount of objects in each array.

What have you tried? Where are you getting stuck? Do you know about Object.assign()? — D M
– D M, Commented Aug 1, 2022 at 19:01
Please share what research or attempts you have already done. Solution: There are multiple ways this can be achieved but hint for one of the possible solutions: Just run a simple for loop on one of your arrays and copy items at given index from both arrays into one of your arrays. Use something like this to set your value at given index { ...productsArray[i], ...quantitiesArray[i] }; P.S.: Please check out JavaScript Spread syntax (...) to understand more about ...object usage. Here — deep206
– deep206, Commented Aug 1, 2022 at 19:11

Carsten Massmann · Accepted Answer · 2022-08-01 19:26:35Z

1

const productsArray = [
  {Name: 'product1', SKU: 'sku1'},
  {Name: 'product2', SKU: 'sku2'}, 
  {Name: 'product3', SKU: 'sku3'}
], quantitiesArray = [
  {Quantity: 100},
  {Quantity: 300}, 
  {Quantity: 600}
];

const res=quantitiesArray.map((q,i)=>(
 {...productsArray[i],...q}
))

console.log(res);

answered Aug 1, 2022 at 19:26

Carsten Massmann

28.4k3 gold badges25 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

David Thomas · Accepted Answer · 2022-08-01 19:30:01Z

1

This should point you in the right direction. A loop plus Object.assign() I believe is what you're looking for.

const productsArray = [{
    Name: 'product1',
    SKU: 'sku1'
  },
  {
    Name: 'product2',
    SKU: 'sku2'
  },
  {
    Name: 'product3',
    SKU: 'sku3'
  }
];

const quantitiesArray = [{
    Quantity: 100
  },
  {
    Quantity: 300
  },
  {
    Quantity: 600
  }
];

function appendArray() {
  let assignedArray;
  for (let i = 0; i < productsArray.length; i++) {
    assignedArray = Object.assign(productsArray[i], quantitiesArray[i])
  }
  return assignedArray;
}

console.log(appendArray())

edited Aug 1, 2022 at 19:30

David Thomas

254k53 gold badges382 silver badges421 bronze badges

answered Aug 1, 2022 at 19:13

Evan Scallan

1582 silver badges5 bronze badges

Comments

Feras Tamesh · Accepted Answer · 2022-08-01 19:53:24Z

0

const productsArray = [
  {Name: 'product1', SKU: 'sku1'},
  {Name: 'product2', SKU: 'sku2'}, 
  {Name: 'product3', SKU: 'sku3'}
];

const quantitiesArray  = [
  {Name: 'product1', SKU: 'sku1', Quantity: 100},
  {Name: 'product2', SKU: 'sku2', Quantity: 300}, 
  {Name: 'product3', SKU: 'sku3', Quantity: 600}
];

const newProductsArray = [];

productsArray.forEach((item,index) => {
    newProductsArray.push({...item,...quantitiesArray[index]});
});

console.log(newProductsArray);

answered Aug 1, 2022 at 19:53

Feras Tamesh

214 bronze badges

Comments

PeterKA · Accepted Answer · 2022-08-02 12:13:04Z

0

Since the result is a completely new array, you can use Array#map - which creates a new array, and the spread operator as follows:

const productsArray = [
  {Name: 'product1', SKU: 'sku1'},
  {Name: 'product2', SKU: 'sku2'}, 
  {Name: 'product3', SKU: 'sku3'}
];

const quantitiesArray = [
  {Quantity: 100},
  {Quantity: 300}, 
  {Quantity: 600}
];

const newProductsArray = productsArray.map(
    (prodArr,i) => ({...prodArr, ...quantitiesArray[i]})
)

console.log( newProductsArray );

answered Aug 2, 2022 at 12:13

PeterKA

24.7k5 gold badges28 silver badges52 bronze badges

Collectives™ on Stack Overflow

Loop through each object of an array and append each object from second array to the first array

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related