Trying to map an Array to an Object - Javascript

Question

I'm using Angular and reactive forms and have a permissions object for access to items on page. Basically I'm trying to map the returned API array of objects to a formgroup set of formgroups. I'm not interested in formarray as I've got a lot depending on the structure that's in the database.

But, having the hardest time trying to map this.

INITIAL STRUCTURE

[
{module_name: "users", access: true, edit: true, delete: false},
{module_name: "documents", access: true, edit: false, delete: false}
]

ANGULAR FORMS DESIRED STRUCTURE

accessControl: {
users: {access: true, edit: true, delete: false}
documents: {access: true, edit: false, delete: false}
}

can you show us your code where you try to map the structure and we point you what's wrong? — Marc Sances
– Marc Sances, Commented Aug 20, 2020 at 21:34

Leo · Accepted Answer · 2020-08-20 22:03:02Z

4

Try the following using Array.prototype.reduce;

const input = [{
    module_name: "users",
    access: true,
    edit: true,
    delete: false
  },
  {
    module_name: "documents",
    access: true,
    edit: false,
    delete: false
  }
];

const output = input.reduce((acc, curr) => {
  const { module_name, ...rest } = curr;
  acc[module_name] = rest;
  return acc;
}, {});

console.log(output);

edited Aug 20, 2020 at 22:03

Leo

2,3602 gold badges15 silver badges20 bronze badges

answered Aug 20, 2020 at 21:36

Alexander Staroselsky

39k16 gold badges83 silver badges98 bronze badges

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

Comments

Yair Cohen · Accepted Answer · 2020-08-20 21:35:50Z

1

Try this:

arr.forEach(module => {
   accessControl[module.module_name] = {
     access: module.access, edit: module.edit, delete: module.delete
  }
})

answered Aug 20, 2020 at 21:35

Yair Cohen

2,28111 silver badges16 bronze badges

Comments

Leo · Accepted Answer · 2020-08-20 21:48:33Z

0

Based on @Yair Cohen answer, but without specify parameters passed from data:

var accessControl = {};

var data = [
    { module_name: "users", access: true, edit: true, delete: false },
    { module_name: "documents", access: true, edit: false, delete: false }
];

data.forEach(x => {
    accessControl[x.module_name] = x;
    delete accessControl[x.module_name].module_name;
});
console.log({ accessControl });

answered Aug 20, 2020 at 21:48

Leo

2,3602 gold badges15 silver badges20 bronze badges

1 Comment

Mike Varela Over a year ago

Also good. In fact I'm not sure about the parameters on the way in, it's not codified yet, so it can expand. Thanks

Collectives™ on Stack Overflow

Trying to map an Array to an Object - Javascript

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related