How to rebuild an array from an existing one in JavaScript?

Question

I have array of objects.

let data = [
  {
    "categories" : [
      {
        "products" : [
          {
            "name" : "Product 1"
          }
        ],
        "id" : 1369
      }
    ]
  }
];

I'd like to rebuild it like this:

let data = [
  {
    "products" : [
      {
        "name" : "Product 1"
      }
    ],
    "id" : 1369
  }
];

If I use .map(), I get array in array with object:

let data = [
  [
    {
      "products" : [
        {
          "name" : "Product 1"
        }
      ],
      "id" : 1369
    }
  ]
];

What the solution I must apply in this case?

what if data or data[n].categories has two or more elements? What do you want then — StevieB
– StevieB, Commented Apr 14, 2018 at 9:26

Ori Drori · Accepted Answer · 2018-04-14 09:25:42Z

1

After using Array.map() flatten by spreading into Array.concat():

const data = [{"categories":[{"products":[{"name":"Product 1"}],"id":1369}]}];

const result = [].concat(...data.map(o => o.categories));

console.log(result);

Or use Array.reduce() with Array.concat():

const data = [{"categories":[{"products":[{"name":"Product 1"}],"id":1369}]}];

const result = data.reduce((r, o) => r.concat(o.categories), []);

console.log(result);

answered Apr 14, 2018 at 9:25

Ori Drori

196k32 gold badges243 silver badges233 bronze badges

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

Collectives™ on Stack Overflow

How to rebuild an array from an existing one in JavaScript?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related