Javascript transform array of object structure

Question

I am trying to transform an array of objects structure from looking like this:

[
  {
    id: 1,
    val: "bool",
    name: "somename",
    entities: [
      {
        id: 1,
        name: "varchar",
        type: "string"
      }
    ]
  },
  {
    id: 2,
    val: "bool",
    name: "somename",
    entities: [
      {
        id: 1,
        name: "varchar",
        type: "string"
      }
    ]
  }
]

Into this:

[
  {
    id: 1,
    val: "bool",
    name: "somename",
    entitiesName: "varchar",
    entitiesType: "string"
  },
  {
    id: 2,
    val: "bool",
    name: "somename",
    entitiesName: "varchar",
    entitiesType: "string"
  }
]

So more or less I want to take two values from entities and make them into key/values in the root object instead.

I have tried using Object.entries(data).map() but I am stuck

There are so may questions about this on the site about doing this. Can you please try more things, do some research? Also, be clear on the logic to be used to get from one to another. — Heretic Monkey
– Heretic Monkey, Commented Feb 13, 2018 at 15:13

Nina Scholz · Accepted Answer · 2018-02-13 15:17:08Z

3

You could use a destruction for collecting all wanted properties and build a new object.

var array = [{ id: 1, val: "bool", name: "somename", entities: [{ id: 1, name: "varchar", type: "string" }] }, { id: 2, val: "bool", name: "somename", entities: [{ id: 1, name: "varchar", type: "string" }] }],
    result = array.map(
        ({ id, val, name, entities: [{ name: entitiesName, type: entitiesType }] }) =>
        ({ id, val, name, entitiesName, entitiesType })
    );

console.log(result);

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

answered Feb 13, 2018 at 15:17

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

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

Comments

void · Accepted Answer · 2018-02-13 15:22:26Z

1

Use Array.map()

Create two new key value pairs entitiesName and entitiesType
Delete the entities key

var data = [{
    id: 1,
    val: "bool",
    name: "somename",
    entities: [{
      id: 1,
      name: "varchar",
      type: "string"
    }]
  },
  {
    id: 2,
    val: "bool",
    name: "somename",
    entities: [{
      id: 1,
      name: "varchar",
      type: "string"
    }]
  }
];

data = data.map(
  (el) => {
      el.entitiesName = el.entities[0].name;
      el.entitiesType = el.entities[0].type;
      delete el.entities;
      return el;
  }
);

console.log(data);

edited Feb 13, 2018 at 15:22

answered Feb 13, 2018 at 15:13

void

36.7k10 gold badges71 silver badges111 bronze badges

1 Comment

Ele Over a year ago

You're modifying the source array, so you don't need to return a "new" array.

Ele · Accepted Answer · 2018-02-13 15:20:16Z

0

To avoid modification on source array.

var data = [  {    id: 1,    val: "bool",    name: "somename",    entities: [      {        id: 1,        name: "varchar",        type: "string"      }    ]  },  {    id: 2,    val: "bool",    name: "somename",    entities: [      {        id: 1,        name: "varchar",        type: "string"      }    ]  }];

var result = data.map((o) => {
  var obj = {...o, 'entitiesName': o.entities[0].name, 'entitiesType': o.entities[0].type };
  delete obj.entities;
  
  return obj;
});

console.log(data);
console.log(result);

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

answered Feb 13, 2018 at 15:20

Ele

33.8k7 gold badges43 silver badges80 bronze badges

Comments

Suyog K.C · Accepted Answer · 2018-02-13 15:22:51Z

0

You can do that by using Array.map function of array and spread operator

var data = [{
    id: 1,
    val: "bool",
    name: "somename",
    entities: [{
      id: 1,
      name: "varchar1",
      type: "string"
    }]
  },
  {
    id: 2,
    val: "bool",
    name: "somename",
    entities: [{
      id: 1,
      name: "varchar2",
      type: "string"
    }]
  }
];
var result = data.map(
  (el) => {
      const { entities, ...noentities } = el;
      return {...noentities, entitiesName :el.entities[0].name ,entitiesType:el.entities[0].type}
  }
);
console.log(result)

answered Feb 13, 2018 at 15:22

Suyog K.C

6929 silver badges21 bronze badges

Collectives™ on Stack Overflow

Javascript transform array of object structure

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related