Change structure of a JavaScript object

Question

I have this object structure:

"users": {
        "1": {
            "id": 1,
            "name": "John",
            "email": "[email protected]",
            "supplier_id": 1,
            "supplier_name": [
                "Supplier1"
            ],
            "supplier_code": "SUP001",
            "count": "21"
        }
}

I'd like to change it so it appears like this:

"users": {
        "1": {
            "id": 1,
            "name": "John",
            "email": "[email protected]",
            "suppliers":[
                {
                    "supplier_id": 1,
                    "supplier_name": [
                        "Supplier1"
                    ]
                }    
            ],
            "supplier_code": "SUP001",
            "count": "21"
        }
}

I tried this hoping it would work:

const group = accumulator[item.id];
  group.suppliers = [];
  group.suppliers = group.suppliers.push(item.supplier_name, item.supplier_id, item.supplier_code);
  return accumulator;

Unfortunately that just seems to give me a count of the objects pushed into suppliers, suppliers isn't an array and supplier_id, supplier_name and supplier_code are still visible outside of suppliers:

"users": {
        "1": {
            "id": 1,
            "name": "John",
            "email": "[email protected]",
            "supplier_id": 1,
            "supplier_name": [
                "Supplier1"
            ],
            "supplier_code": "SUP001",
            "count": "21",
            "suppliers: 3
        }
}

How do I change it to the format I want?

.push mutates the original object and returns its new length, hence you don't need the assignment statement and can simply do: group.suppliers.push(item.supplier_name, item.supplier_id, item.supplier_code); — silicakes
– silicakes, Commented May 13, 2019 at 16:40

Mikhail Katrin · Accepted Answer · 2019-05-13 17:09:02Z

2

You could use es6 Destructuring assignment, Object.values es2017 (or Object.keys instead). If you assume that users contains more then one user you could use reduce.

In the example below original object won't be mutated.

Hope it helps

const original = {
  "users": {
    "1": {
      "id": 1,
      "name": "John",
      "email": "[email protected]",
      "supplier_id": 1,
      "supplier_name": [
          "Supplier1"
      ],
      "supplier_code": "SUP001",
      "count": "21"
    }
  } 
};

const { users } = original;

const reshaped = Object.values(users).reduce((acc, { id, supplier_id, supplier_name, ...rest }) => {
  acc[id] = {
    ...rest,
    suppliers: [{
      supplier_id,
      supplier_name: [supplier_name]
    }]
  };
  
  return acc;
}, {});

console.log(reshaped);

edited May 13, 2019 at 17:09

answered May 13, 2019 at 16:58

Mikhail Katrin

2,4041 gold badge12 silver badges17 bronze badges

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

Comments

Anurag Srivastava · Accepted Answer · 2019-05-13 16:48:21Z

1

You need to use an object to push into the suppliers array. Also, delete the old keys which are not needed.

Edit - You can directly create an array of 1 object. Thanks @Adam

const group = accumulator[item.id];
group.suppliers = [{
    supplier_id: item.supplier_id,
    supplier_name: item.supplier_name,
    supplier_code: item.supplier_code
}];

delete group.supplier_id;
delete group.supplier_name;
delete group.supplier_code;
return accumulator;

edited May 13, 2019 at 16:48

answered May 13, 2019 at 16:41

Anurag Srivastava

14.5k4 gold badges39 silver badges47 bronze badges

Comments

silicakes · Accepted Answer · 2019-05-13 16:51:45Z

-1

Here's a quick and modern solution:

const parseUsers = (users) => {
    let parsedUsers = {};
    for (key in users) {
        const user = users[key];
        // destructuring (or extracting) the relevant keys from the . user object, keeping everything else under 'rest'
        const { supplier_id, supplier_name, ...rest } = user; 
        parsedUsers[key] = {
            ...rest, // spreading back our rest params
            suppliers: [ // creating a new array and populating it with the keys which we previously extracted (along with their corresponding values)
                supplier_id,
                supplier_name
            ]
        }
    }

    return parsedUsers;
}

usage: parseUsers(json.users)

answered May 13, 2019 at 16:51

silicakes

6,9323 gold badges32 silver badges40 bronze badges

Collectives™ on Stack Overflow

Change structure of a JavaScript object

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related