在 object 中创建一个对象数组作为多个对象 JavaScript

Question

I need to transform an array of objects in multiple objects inside parent object:

Actual object:

{
name: 'John Doe',
Age: 50,
email: 'j@gmail.com'
wishlist: [
   {product1 : 1},
   {product2 : 3},
   {product3 : 5},
   {product4 : 2},
 ]
}

Goal:

{

name: 'John Doe',
Age: 50,
email: 'j@gmail.com',
product1 : 1,
product2 : 3,
product3 : 5,
product4 : 2,

}

Does anyone know how to do that? kind regards,

Answer 1

Use reduce() method on wishlist array and then create final object using spread operator.

 const myObj = { name: 'John Doe', Age: 50, email: 'j@gmail.com', wishlist: [ {product1: 1}, {product2: 3}, {product3: 5}, {product4: 2}, ] } const processData = (data) => { const wishlist = data.wishlist.reduce((result, obj) => { return {...result, ...obj}; }, {}); const finalObj = {...data, ...wishlist}; delete finalObj.wishlist; return finalObj; } console.log(processData(myObj));

Answer 2

You can merge all products, then merge them with the object and then delete the initial array. I think this way is better, not to modify the original object while iterating one of its attributes.

let products = {} 
for (let product of obj.wishlist)
   products = {...products, ...product}
obj = {...obj, ...products}
delete obj.wishlist

Answer 3

You could use destructuring to grab your wishlist array, and an object of properties excluding your whishlist array (stored in r ), which you can then use Object.assign() with the spread syntax to merge all the objects from your wishlist array into your r object:

 const {wishlist, ...r} = { name: 'John Doe', Age: 50, email: 'j@gmail.com', wishlist: [ {product1: 1}, {product2: 3}, {product3: 5}, {product4: 2}, ] }; const res = Object.assign(r, ...wishlist); console.log(res);

Answer 4

You can try this,

var obj = {
  name: 'John Doe',
  Age: 50,
  email: 'j@gmail.com',
  wishlist: [{ product1: 1 }, { product2: 3 }, { product3: 5 }, { product4: 2 }]
};

var newObj = Object.assign({}, ...obj.wishlist);
delete obj.wishlist;

const finalObj = { ...obj, ...newObj };
console.log(finalObj);

Answer 5

If anyone was looking for a more generic answer.

I have written code to transform an Object or an Array inside another Object or an Array.

Overkill if you ask me.

 const sample = [{ name: 'John Doe', Age: 50, email: 'j@gmail.com', wishlist: [{ product1: 1 }, { product2: 3 }, { product3: 5 }, { product4: 2 }] }]; const transformArray = array => { let obj = {}; array.forEach(item => { if (Array.isArray(item)) { obj = {...obj, ...transformArray(item)}; } else if (typeof item == 'object') { obj = {...obj, ...transformObj(item)}; } }); return obj; } const transformObj = object => { let obj = {}; Object.keys(object).forEach(key => { const item = object[key]; if (Array.isArray(item)) { obj = {...obj, ...transformArray(item) }; } else if (typeof item == 'object') { obj = {...obj, ...transformObj(item) }; } else { obj = {...obj, [key]: item }; } }); return obj; } console.log(transformObj(sample));