Generating an array of elements from a massive disorganized object

Question

Generating an array of elements from a massive disorganized object

I am facing a challenge in TypeScript where I need to convert poorly formatted data from an API into an array of objects. The data is currently structured as one large object, which poses a problem.

Here is a snippet of the data:

Your data here...

The goal is to transform this data into an array of objects that group corresponding values together like this:

[
{
KeyBoolean00: "deling",
LabelBoolean00: "Ekstern Deling",
ValueBoolean00: false
},
{
KeyDateTime00: "start",
LabelDateTime00: "Startdato",
ValueDateTime00: "2020-01-07T00:00:00Z"
},
{
KeyString00: "status"
LabelString00: "Prosjektstatus"
ValueString00: "Godkjennt"
}
]

I have attempted some solutions but haven't found the right approach yet.

arrays typescript object

Answer 1

Answer №1

Utilize the substring method to extract key numbers as 00, 01, ... and employ the reduce function to construct the required object

const obj = {
    KeyBinary00: null,
    KeyBinary01: null,
    KeyBinary02: null,
    // Remaining keys omitted for brevity
};

const result = Object.values(
    Object.keys(obj).reduce((acc, key) => {
        const number = key.substring(key.length - 2, key.length); // 00

        acc[number] = acc[number] ? { ...acc[number], [key]: obj[key] } : { [key]: obj[key] };

        return acc;
    }, {}),
);

console.log(result);

Answer 2

Utilize the substring method to extract key numbers as 00, 01, ... and employ the reduce function to construct the required object

const obj = {
    KeyBinary00: null,
    KeyBinary01: null,
    KeyBinary02: null,
    // Remaining keys omitted for brevity
};

const result = Object.values(
    Object.keys(obj).reduce((acc, key) => {
        const number = key.substring(key.length - 2, key.length); // 00

        acc[number] = acc[number] ? { ...acc[number], [key]: obj[key] } : { [key]: obj[key] };

        return acc;
    }, {}),
);

console.log(result);

Generating an array of elements from a massive disorganized object

Answer №1

Similar questions

Transform a two-dimensional array into a JSON object within the Laravel framework

Ways to extract values from a JSON output using comparisons

The Angular router seems to be refusing to show my component

Resolve the error message "Class is not a constructor" which arises while utilizing namespaces in TypeScript with WebPack

Cannot find property '' within type 'never'. (Using TypeScript useState with mapped JSON data from a server)

What is the process of including a String Array within a JSON object?

I prefer not to run the next.js SWR until after the initial rendering

Tips for refining TypeScript discriminated unions by using discriminators that are only partially known?

What is the best method to adjust the width of the PrimeNG ConfirmDialog widget from a logic perspective

Removing data from a table using an identifier in Typescript

What is the best way to access automatically generated JavaScript variables in TypeScript?

Using React's Ref to handle conditional rendering and handling the case when

What is the best way to guarantee an Array filled with Strings?

Eliminate null objects from a JSON array with the help of GSON

I don't understand why I'm receiving the error message "Unsafe assignment of an `any` value" when I clearly defined the value as a string with a default value

Performance of basic arithmetic operations on small arrays using NumPy

managing arrays in JavaScript with multiple tables

No errors are being displayed with the React Hook Form using Zod and Material UI

What is the best way to synchronize API definitions between the server and client using TypeScript?

Difficulties encountered when trying to load a URL or API that contains an array in javascript/p5js