Question 190543 in Javascript Question posted in
A very good W3school tutorial can be found here.

Javascript – How to create array of objects from keys and values of another object

I’ve got an object:

const costCentres = {
    "11738838-bf34-11e9-9c1c-063863da20d0": "Refit 2018",
    "f30d72f4-a16a-11e9-9c1c-063863da20d0": "Refit 2019",
    "f7fa34ed-a16a-11e9-9c1c-063863da20d0": "Refit 2020"
  };

What I need is an array of object like this:

[
    {
        id: "11738838-bf34-11e9-9c1c-063863da20d0",
        type: "Cost Centre",
        name: "Refit 2018",
        chosen: false
    },
    {
        id: "f30d72f4-a16a-11e9-9c1c-063863da20d0",
        type: "Cost Centre",
        name: "Refit 2019",
        chosen: false
    },
    {
        id: "f7fa34ed-a16a-11e9-9c1c-063863da20d0",
        type: "Cost Centre",
        name: "Refit 2020",
        chosen: false
    }
]

This is my solution so far:

let centresToEntities = []

    for (const key in costCentres) {
      centresToEntities.push({
        id: key,
        type: 'Cost Centre',
        name: costCentres[key],
        chosen: false
      });
    }

It is working but I don’t want to use for in loop.
What would be the other way to do it?

Tags:

3

Answers


  1. 0

    Use Object.entries() and .map()

    const costCentres = {
  "11738838-bf34-11e9-9c1c-063863da20d0": "Refit 2018",
  "f30d72f4-a16a-11e9-9c1c-063863da20d0": "Refit 2019",
  "f7fa34ed-a16a-11e9-9c1c-063863da20d0": "Refit 2020"
};

let centresToEntities = Object.entries(costCentres).map(([key, value]) => ({
  id: key,
  type: 'Cost Centre',
  name: value,
  chosen: false
}));

console.log(centresToEntities);
    Login or Signup to reply.
  2. 0

    To convert the costCentres object into an array of objects with the desired structure without using a for...in loop, you can make use of the Object.entries() method along with the Array.prototype.map() method. Here’s an alternative solution:

    const costCentres = {
  "11738838-bf34-11e9-9c1c-063863da20d0": "Refit 2018",
  "f30d72f4-a16a-11e9-9c1c-063863da20d0": "Refit 2019",
  "f7fa34ed-a16a-11e9-9c1c-063863da20d0": "Refit 2020"
};

const centresToEntities = Object.entries(costCentres).map(([id, name]) => ({
  id: id,
  type: "Cost Centre",
  name: name,
  chosen: false
}));

console.log(centresToEntities);

    The Object.entries(costCentres) method returns an array of key-value pairs from the costCentres object. Then, the map() method is used to iterate over each key-value pair and create a new object with the desired structure.

    This solution eliminates the need for a for...in loop and achieves the desired result.

    Login or Signup to reply.
  3. 0

    A slight tweak to @Barmar’s perfect solution:

    const 
      costCentres = {
          "11738838-bf34-11e9-9c1c-063863da20d0": "Refit 2018",
          "f30d72f4-a16a-11e9-9c1c-063863da20d0": "Refit 2019",
          "f7fa34ed-a16a-11e9-9c1c-063863da20d0": "Refit 2020"
      },
      
      type = 'Cost Center',
      chosen = false,
      
      centresToEntities = Object.entries(costCentres).map(
          ([id, name]) => ({id, type, name, chosen})
      );
      
console.log( centresToEntities );
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search