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

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"}]

Solution 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);