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

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

Answer 2

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