尝试将数组映射到对象 - Javascript

Question

我正在使用 Angular 和响应式表单，并且有一个权限对象来访问页面上的项目。基本上，我正在尝试将返回的 API 对象数组映射到一组表单组。我对 formarray 不感兴趣，因为我有很多取决于数据库中的结构。

但是，尝试映射这个是最困难的。

---

初始结构

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

所需结构的角形

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

Answer 1

使用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);

Answer 2

试试这个：

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

Answer 3

基于@Yair Cohen 的回答，但未指定从数据传递的参数：

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 });