How to process JSON Array of objects using Key values in JavaScript

Question

Here is the following JSON data I want to process in JavaScript

    let data = [{"Test1":"121"},{"isStats":"false"},{"isKey":"true"},{"Test2":"326"}]


Required data formate

processedData = [{name: "Test1", value: "121"},{name:"isStats", value:"false"},{name:"isKey", value:"true"},{name:"Test2", value:"326"}]

Tuan Dao · Accepted Answer · 2022-01-11 01:40:05Z

1

You can use Array.map like the below code:

let data = [{"Test1":"121"},{"isStats":"false"},{"isKey":"true"},{"Test2":"326"}];

const processedData = data.map((element, index) => {
  const key = Object.keys(element)[0];
  return {
    name: key,
    value: element[key]
  }
});

console.log(processedData);

answered Jan 11, 2022 at 1:40

Tuan Dao

2,8151 gold badge14 silver badges21 bronze badges

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

1 Comment

SKR Sama Over a year ago

How can we revert this to the original formate @tartarus ?

Collectives™ on Stack Overflow

How to process JSON Array of objects using Key values in JavaScript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related