Json Question posted in
Our archive of expertly curated questions and answers provides insights and solutions to common problems related to this popular data interchange format. From parsing and manipulating JSON data to integrating it with various programming languages and web services, our archive has got you covered. Start exploring today and take your JSON skills to the next level

Json – Typescript Merge Array of Items

I have this type of array in the angular 14

[
    {
        "parentItem": "WBP258R",
        "childItem": "WBP258R",
        "columnName": "Color",
        "oldValue": "Rainbow",
        "newValue": "Rainbow1"
    },
    {
        "parentItem": "WBP258R",
        "childItem": "WBP258R",
        "columnName": "Pg #",
        "oldValue": "4",
        "newValue": "44"
    },
    {
        "parentItem": "WBP258R",
        "childItem": "WBP258R",
        "columnName": "Status",
        "oldValue": "New",
        "newValue": "Rev"
    }
]

And i want this data to be convert as below format. basically the column values to be turned to the property name.

{
"parentItem": "WBP258R",
"childItem": "WBP258R",
"Color": "Rainbow",
"Color_newValue": "Rainbow1",
"Pg #": "4",
"Pg #"_newValue": "44",
"Status":"New",
"Status_newValue": "Rev",
}

looking for help
Thanks in advance

Tags:

2

Answers


  1. 0

    You could use Array.reduce() for this purpose.

    [
    {
        "parentItem": "WBP258R",
        "childItem": "WBP258R",
        "columnName": "Color",
        "oldValue": "Rainbow",
        "newValue": "Rainbow1"
    },
    {
        "parentItem": "WBP258R",
        "childItem": "WBP258R",
        "columnName": "Pg #",
        "oldValue": "4",
        "newValue": "44"
    },
    {
        "parentItem": "WBP258R",
        "childItem": "WBP258R",
        "columnName": "Status",
        "oldValue": "New",
        "newValue": "Rev"
    }
].reduce((acc, val) => {
    if(!acc['parentItem']){
        acc['parentItem'] = val['parentItem'];
        acc['childItem'] = val['childItem'];
    }
    acc[val['columnName']] = val['oldValue'];
    acc[`${val['columnName']}_newValue`] = val['newValue'];
    return acc;    
}, {})
    Login or Signup to reply.
  2. 0 
    const inputArray = [
    {
        "parentItem": "WBP258R",
        "childItem": "WBP258R",
        "columnName": "Color",
        "oldValue": "Rainbow",
        "newValue": "Rainbow1"
    },
    {
        "parentItem": "WBP258R",
        "childItem": "WBP258R",
        "columnName": "Pg #",
        "oldValue": "4",
        "newValue": "44"
    },
    {
        "parentItem": "WBP258R",
        "childItem": "WBP258R",
        "columnName": "Status",
        "oldValue": "New",
        "newValue": "Rev"
    }
];



function transformArray(array) {
    const result = {};

    array.forEach(item => {
        const columnName = item.columnName;
        const baseKey = columnName.replace(/s+/g, ''); // Remove spaces for property names
        result[baseKey] = item.oldValue;
        result[`${baseKey}_newValue`] = item.newValue;
    });

    
    result.parentItem = array[0].parentItem; // Add non-column properties
    result.childItem = array[0].childItem; // Add non-column properties

    return result;
}

const outputObject = transformArray(inputArray);

console.log(outputObject);
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search