Reconstruct an array of objects in javascript that contains nested arrays

Question

I'm struggling of coping with an issue here. lets suppose I have an array of objects like this:

[
 {name:Alex, products: [{type: 1, code: 1213}, {type: 2, code: 2312}]},
 {name:Alex, products: [{type: 1, code: 1213}, {type: 2, code: 2312}]}
]

I would like somehow to reconstruct my object to be something like this:

[
 {name:Alex, products: [{name:Alex, type: 1, code: 1213}, {name:Alex, type: 2, code: 2312}]},
 {name:Alex, products: [{{name:Alex, type: 1, code: 1213}, {{name:Alex, type: 2, code: 2312}]}
]

so each nested array contains the name. Is that possible in javascript?

See below for spoon feeding, where you get to brush up on your copy/paste skills. Alternatively, look here and learn how to do it :) — Reinstate Monica Cellio
– Reinstate Monica Cellio, Commented Jan 31, 2018 at 14:20

Nenad Vracar · Accepted Answer · 2018-01-31 14:20:14Z

1

You can use map() method with spread syntax in object to create new array with updated objects and keep original data.

const data = [
 {name:'Alex', products: [{type: 1, code: 1213}, {type: 2, code: 2312}]},
 {name:'Alex', products: [{type: 1, code: 1213}, {type: 2, code: 2312}]}
]

const result = data.map(e => ({
  ...e,
  products: e.products.map(p => {
    return {...p, name: e.name}
  })
}))

console.log(result)

answered Jan 31, 2018 at 14:20

Nenad Vracar

122k16 gold badges160 silver badges184 bronze badges

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

Comments

gurvinder372 · Accepted Answer · 2018-01-31 14:17:52Z

1

I want somehow to reconstruct my object so as to be something like this:

Use map

arr.map( s => (s.products.map( i => (i.name = s.name, i) ), s) );

Demo

var arr = [{
    name: "Alex",
    products: [{
      type: 1,
      code: 1213
    }, {
      type: 2,
      code: 2312
    }]
  },
  {
    name: "Alex",
    products: [{
      type: 1,
      code: 1213
    }, {
      type: 2,
      code: 2312
    }]
  }
]
var output = arr.map(s => (s.products.map(i => (i.name = s.name, i)), s));

console.log(output);

answered Jan 31, 2018 at 14:17

gurvinder372

68.6k11 gold badges78 silver badges98 bronze badges

1 Comment

Keith Over a year ago

Interestingly this is the only correct answer, as rightly you have noticed the word reconstruct, all other answer are assuming the OP wanted copy.

Nina Scholz · Accepted Answer · 2018-01-31 14:18:56Z

1

You could create new array/objects with Object.assign.

var data = [{ name: 'Alex', products: [{ type: 1, code: 1213 }, { type: 2, code: 2312 }] }, { name: 'Alex', products: [{ type: 1, code: 1213 }, { type: 2, code: 2312 }] }],
    converted = data.map(o => Object.assign(
        {},
        o,
        { products: o.products.map(p => Object.assign({ name: o.name }, p)) }
    ));
    
console.log(converted);

.as-console-wrapper { max-height: 100% !important; top: 0; }

answered Jan 31, 2018 at 14:18

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Comments

Ori Drori · Accepted Answer · 2018-01-31 14:32:56Z

1

You can use nested Array.map() calls with Object.assign() to create the new array without changing the original data:

const data = [{"name":"Alex","products":[{"type":1,"code":1213},{"type":2,"code":2312}]},{"name":"Alex","products":[{"type":1,"code":1213},{"type":2,"code":2312}]}]

const result = data.map((o) => Object.assign({}, o, {
  products: o.products.map((p) => Object.assign({ name: o.name }, p))
}))

console.log(result)

If you just want to change (mutate) the current array, use nested Array.forEach() calls:

const data = [{"name":"Alex","products":[{"type":1,"code":1213},{"type":2,"code":2312}]},{"name":"Alex","products":[{"type":1,"code":1213},{"type":2,"code":2312}]}]

data.forEach((o) => o.products.forEach((p) => p.name = o.name));

console.log(data)

edited Jan 31, 2018 at 14:32

answered Jan 31, 2018 at 14:19

Ori Drori

196k32 gold badges243 silver badges233 bronze badges

Comments

AL-zami · Accepted Answer · 2018-01-31 14:48:06Z

1

You have typo in name property.Alex should be 'Alex' (string).You can get help from two array methods. Array.prototype.map() and Array.prototype.forEach() to achieve your goal

var initialArr = [
 {name:'Alex1', products: [{type: 1, code: 1213}, {type: 2, code: 2312}]},
 {name:'Alex2', products: [{type: 1, code: 1213}, {type: 2, code: 2312}]}
]

var newArr = initialArr.map(function(elem){
    elem.products.forEach(function(obj){
        obj.name = this.name
    },elem)
    return elem
})
console.log(newArr)

edited Jan 31, 2018 at 14:48

answered Jan 31, 2018 at 14:30

AL-zami

9,20417 gold badges79 silver badges138 bronze badges

Collectives™ on Stack Overflow

Reconstruct an array of objects in javascript that contains nested arrays

5 Answers 5

Comments

1 Comment

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related