reactJS adding a object array to and object within an object array

Question

I got a response from a REST call, which returns and array with objects

response.data.steps

For example it looks like this

Now I need to add to each Child of this array an new Object Array.

What could be a smart solution for this problem?

Thanks.

Do you want to return each item as an array or add a new array property to each item? — Hemerson Carlin
– Hemerson Carlin, Commented Sep 5, 2017 at 8:40

Hemerson Carlin · Accepted Answer · 2017-09-05 08:42:26Z

2

In order to add a new array property to each item, you can simply do:

const steps = response.data.steps.map(step => ({
  ...step,
  newObjectArray: [],
}))

answered Sep 5, 2017 at 8:42

Hemerson Carlin

7,4241 gold badge29 silver badges38 bronze badges

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

Comments

marvel308 · Accepted Answer · 2017-09-05 08:37:07Z

1

you can usee Array.prototype.map() to do so

let result = response.data.steps.map(element => {
    let ret = [element];
    return ret;
});

let arr = [{a:1}, {a:2}, {a:3}];

arr = arr.map(element => {
    let ret = [element];
    return ret;
});

console.log(arr);

answered Sep 5, 2017 at 8:37

marvel308

10.5k3 gold badges24 silver badges32 bronze badges