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

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

CodePudding user response：

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

CodePudding user response：

let processedData = [];
data.map((datum, index) => (
    const name = Object.keys(datum)[0];
    const value = datum[name];
    const output = {name, value};
    processedData.push(output);
));