Question 110980 in Json Question posted in
Our archive of expertly curated questions and answers provides insights and solutions to common problems related to this popular data interchange format. From parsing and manipulating JSON data to integrating it with various programming languages and web services, our archive has got you covered. Start exploring today and take your JSON skills to the next level

Convert Dynamic List into JSON object

I am allowing my users to create different roles for themselves within my svelteKit application.
I have a text input with a button that adds that value to an array and shows in the div below.

enter image description here

I need to convert the array into a tiered JSON object so I can add it to my Postgres database role_permissions column as JSONB. I have tried JSON.stringify() and JSON.parse() but I cannot get it to work.

Ideally formatted like this:

{
  "role_name"{
            "permission": true,
            "permission": true,
             ...
             }
  "role_name_2"{
            "permission": true,
            "permission": false,
             ...
             }
}

While my users can create roles with custom names the permissions available are all the same e.g.:

can_add_members: false,
can_delete_members: false,
can_edit_members: false,

can_create_roles: false,
can_delete_roles: false,
can_edit_roles: false,
can_assign_roles: false,

can_create_projects: false,
can_delete_projects: false,
can_edit_projects: false,
can_publish_projects: false,
can_view_projects: false,

can_assign_members_to_projects: false,

I can’t figure out how to convert the object into a tiered JSON format. I know I need some sort of key outside of each object but I do not know how to do that.

This is how they appear in console.log()

{name: "Partner", can_add_members: false, can_delete_members: false, can_edit_members: false, can_create_roles: false, …}
{name: "Associate Partner", can_add_members: false, can_delete_members: false, can_edit_members: false, can_create_roles: false, …}

The actual code:

    let newItem = '';
    
    // An array of the roles names that will also be saved to the database as is.
    let roleList = [];

    // The array that needs to be converted to JSON
    let roleListWithPermissions = [],
    
    function addToList() {
        roleList = [...roleList, {text: newItem,}];

        roleListWithPermissions = [...roleListWithPermissions, {
            "name": newItem,
            "can_add_members": false,
            "can_delete_members": false,
            "can_edit_members": false,

            "can_create_roles": false,
            "can_delete_roles": false,
            "can_edit_roles": false,
            "can_assign_roles": false,
            
            "can_create_projects": false,
            "can_delete_projects": false,
            "can_edit_projects": false,
            "can_publish_projects": false,
            "can_view_projects": false,

            "can_assign_members_to_projects": false
        }];
           
            newItem = '';
            console.log("ROLE LIST",roleList)
            console.log("PERMISSIONS LIST",roleListWithPermissions)
          
    }
Tags:

2

Answers


  1. 0

    you can transform roleListWithPermissions array to an object.

    const finalResult =
  roleListWithPermissions.reduce((result, current) => {
    result[current.name]= {...current};
    delete result[current.name].name;
    return result;
   }, {})
    Login or Signup to reply.
  2. 0

    One approach is below, with explanatory comments in the code:

    // the original Object as described/shown in the question:
let source = [{
      name: "Partner",
      can_add_members: false,
      can_delete_members: false,
      can_edit_members: false,
      can_create_roles: false,
    },
    {
      name: "Associate Partner",
      can_add_members: false,
      can_delete_members: false,
      can_edit_members: false,
      can_create_roles: false,
    }
  ],
  // here we use Array.prototype.map() to iterate over the Array of Objects:
  rolePermissions = source.map(
    // using destructuring assignment to retrieve the 'name'
    // property from the Array-element (the Object),
    // and assigning all remaining property-value pairs
    // to the 'rest' variable:
    ({
      name,
      ...rest
    }) => {
      // here we return a new Object, with the computed value of the
      // 'name' variable to set the property equal to the value of the
      // variable rather than the String of 'name':
      return {
        // and the property-value equal to the Object containing the 
        // rest of the key-value pairs:
        [name]: rest
      };
    }),
  // converting the Array of Objects into a JSON string:
  jsonRolePermissions = JSON.stringify(rolePermissions);
// logging that JSON string to the console:
console.log(jsonRolePermissions);

    Reference:

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search