如何在javascript中删除重复的对象属性数组？

Question

const words = [{value:"can_view",rolename:"group"},
{value:"can_create",rolename:"group"},

{value:"can_create",rolename:"top"}]; {value:"can_delete",rolename:"group"}];

{value:"can_delete",rolename:"top"}];

我正在尝试从对象数组中获取价值。我想获得这种格式的价值

        Accepted Value: {
         group:["can_view","can_create"],
         top:["can_delete"]
        }

我还想从输出中删除基于角色名的字符串数组。例如，“can_create”，can_delete 仅从组属性中删除。 这是我的密码框：https://codesandbox.io/s/fragrant-http-v35lf

Answer 1

您可以使用Array#reduce

const words = [{value:"can_view",rolename:"group"},{value:"can_create",rolename:"group"},{value:"can_delete",rolename:"top"}];

const res =  words.reduce((acc,{rolename,value})=>{
   acc[rolename] = acc[rolename] || [];
   acc[rolename].push(value);
   return acc
},{});


console.log(res)

Answer 2

使用一个简单的 for 循环来完成这项工作。您需要在此处按角色名称分组。

沙盒：https://codesandbox.io/s/compassionate-bas-fg1c2

 const words = [
  { value: "can_view", rolename: "group" },
  { value: "can_create", rolename: "group" },
  { value: "can_delete", rolename: "top" },
  { value: "can_delete", rolename: "group" }
];

const result = {};
for (const { value, rolename } of words) {
  if (!result[rolename]) result[rolename] = [];
  result[rolename].push(value);
}

function removeElement(obj, arr) {
 for (var key of Object.keys(result)) {
    if (key === obj) {
      result[key] = result[key].filter(i => !arr.includes(i));
    }
  }
  return result;
}

const modified = removeElement("group", ["can_delete"]);
console.log(modified);