How to rearrange array of objects to new array of Objects

Question

I have an array of objects with the same keys, example:

const data = [{name: "firstName", value: "John"},
{name: "lastName", value: "Smith"},
{name: "Number", value: "421-8686"}
]

I however want the values to become the key and values. example:

const data = [{"firstName": "John"},
{"lastName": "Smith"},
{"Number": "421-8686"}]

I tried a few methods, but for some reason or another I fail. My latest attempt is:

   let newData = {}
    arrayData.forEach((item, index) => {
      let key = data.name
      let value = data.value
      newData[index] = { key: value} // this results in {"key": "John"} --> but i want {"firstName": "John"}

});

{ [key]: value}

dave
– dave

2021-12-22 17:07:09 +00:00
Commented Dec 22, 2021 at 17:07 — dave
– dave, Commented Dec 22, 2021 at 17:07

Jean Will · Accepted Answer · 2021-12-22 17:12:25Z

2

You can use Object.fromEntries.

let data = [
  {name: "firstName", value: "John"},
  {name: "lastName", value: "Smith"},
  {name: "Number", value: "421-8686"}
]

data = data.map(info => Object.fromEntries([[info.name, info.value]]))

console.log(data)

answered Dec 22, 2021 at 17:12

Jean Will

5533 silver badges11 bronze badges

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

Comments

DCR · Accepted Answer · 2021-12-22 17:19:01Z

2

const data = [{name: "firstName", value: "John"},
{name: "lastName", value: "Smith"},
{name: "Number", value: "421-8686"}
]


/*const data = [{"firstName": "John"},
{"lastName": "Smith"},
{"Number": "421-8686"}]
*/
for(let i = 0;i < data.length;i++){
   
    data[i][data[i].name] = data[i].value  // creates new key value pair
    delete data[i].name                    // deletes old key
    delete data[i].value
    }
    

console.log(data)

answered Dec 22, 2021 at 17:19

DCR

15.8k13 gold badges61 silver badges131 bronze badges

Comments

Parth Patel · Accepted Answer · 2021-12-22 17:20:13Z

1

    let data = [
       { name: "firstName", value: "John" },
       { name: "lastName", value: "Smith" },
       { name: "Number", value: "421-8686" },
    ];

    // map the data to required format.

    data = data.map((d) => {
       let o = {};
       o[d["name"]] = d["value"];
       return o;
    });
    
    console.log("data",data);

edited Dec 22, 2021 at 17:20

answered Dec 22, 2021 at 17:14

Parth Patel

1291 silver badge5 bronze badges

Comments

genius dev · Accepted Answer · 2021-12-22 17:23:29Z

1

I believe you should get result as following, what you want. Of course, I confirmed status.

const data = [{name: "firstName", value: "John"},
{name: "lastName", value: "Smith"},
{name: "Number", value: "421-8686"}
]

let newData = [];
data.forEach((item) => {
  let obj = {};
  obj[item.name] = item.value;
  newData.push( obj );
});
    
console.log(newData);

Thanks.

answered Dec 22, 2021 at 17:23

genius dev

1437 bronze badges

Comments

Pratiksha M N · Accepted Answer · 2021-12-23 16:54:15Z

1

Just a small tweak to your code. Property has to be dynamically created.

In ES6, we can dynamically create a property key by placing the key in square brackets [].

const data = [
  { name: "firstName", value: "John" },
  { name: "lastName", value: "Smith" },
  { name: "Number", value: "421-8686" }
];

let newData = [];
data.forEach((item, index) => newData[index] = {[item.name]: item.value});
console.log(newData)

answered Dec 23, 2021 at 16:54

Pratiksha M N

766 bronze badges

Collectives™ on Stack Overflow

How to rearrange array of objects to new array of Objects

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related