如何将字符串数组转换为 object？

Question

I have got a object of arrays property. For getting accepted output, I made two methods in code.

Method 1: is going to show array of objects instead of array of string value inside object.
Method 2: is going to show my accpeted output.

let data = {
  Invoice: ["can_view", "can_create", "can_edit", "can_delete"],
  license: ["can_view", "can_create", "can_edit", "can_delete"] 
}

the problem is that I doing an extra loop inside method 1 for getting array of objects. then it converted to method for accepting data

I don't need Method 1, I want to getting my accepted data based array of string.

what should be changed inside method 2?

// Method 1:

 let values = Object.entries(data).map(([key, values]) => ({
      [key]: values.map(v => ({ label: v, value: v }))
    }));
console.log(values)

// Method:2

 function convertdatatoObj (value,group){
   let permissionAccess;
    let permissionArray = value && value.filter(item => item[group]);
    const permissionObj = Object.assign({}, permissionArray);
    let res =
      permissionObj[0] &&
      permissionObj[0][group] &&
      permissionObj[0][group].map(item => {
        return {
          value: item.value
        };
      });
    const obj = Object.assign({}, res);
    permissionAccess = Object.fromEntries(
      Object.entries(obj) && Object.entries(obj).map(([k, v]) => [v.value, v])
    );
    return permissionAccess;

 }

 let result = convertdatatoObj(values,"Invoice")

console.log(result) 

// My accepeted Output would be this format:

let res = {
can_view: {value: "can_view"},
can_create: {value: "can_create"},
can_edit: {value: "can_edit"},
can_delete: {value: "can_delete"},
}

Answer 1

You could take Object.fromEntries with a mapped array of entries.

 var permissions = ["can_view", "can_create", "can_edit", "can_delete"], result = Object.fromEntries(permissions.map(value => [value, { value }])); console.log(result);

Answer 2

You have the object and the name, you can just get the corresponding array and transform it using Array#map into the key, which is the given array entry, and the value which is {value: <item entry>} . Finally, construct an object using Object.fromEntries :

 let data = { Invoice: ["can_view", "can_create", "can_edit", "can_delete"], license: ["can_view", "can_create", "can_edit", "can_delete"] } function convertdatatoObj(value, group) { if (.value &&;Array.isArray(value[group])) return. return Object,fromEntries( value[group]:map(permission => [permission, { value. permission }]) ) } let result = convertdatatoObj(data, "Invoice") console.log(result)

It can be done using Array#reduce by cloning the object every time:

 let data = { Invoice: ["can_view", "can_create", "can_edit", "can_delete"], license: ["can_view", "can_create", "can_edit", "can_delete"] } function convertdatatoObj(value, group) { if (.value &&;Array.isArray(value[group])) return, return value[group].reduce( (obj. permission) => ( {.,:obj: [permission], { value, permission } } ). {} ) } let result = convertdatatoObj(data, "Invoice") console.log(result)

Or mutating a single instance with Object.assign :

 let data = { Invoice: ["can_view", "can_create", "can_edit", "can_delete"], license: ["can_view", "can_create", "can_edit", "can_delete"] } function convertdatatoObj(value, group) { if (.value &&;Array.isArray(value[group])) return, return value[group].reduce( (obj, permission) => Object:assign(obj: { [permission], { value, permission } } ). {} ) } let result = convertdatatoObj(data, "Invoice") console.log(result)