Change the format of the array from the initial array to the new array structure

Question

Change the format of the array from the initial array to the new array structure

I have a multi dimensional array that I need to convert into the array2 structure. I've tried various methods, but all of them have resulted in bulky code and lots of iteration. Is there an easier way to accomplish this task?

I am new to Angular and JavaScript.

var array1=[
        {
            "id": 1,
            "name": "Johny",
            "category": [
                {
                    "id": 12,
                    "name": "GUI",
                    "status": {
                        "id": 123,
                        "status": "working",
                        "name": "GUI"
                    }
                },
                // more nested objects here
            ]
        },
        // more arrays of objects here
    ]

I want to transform this array into array2.

var array2=[
        {
            "id": 1,
            "name": "Johny",
            "category": [
                {
                    "id": 12,
                    "name": "GUI",
                    "data": [
                        // transformed data structure
                    ]
                },
                // more transformed data structures
            ]
        },
        // more transformed arrays here
    ]

Output should be in the array2 structure. Thank you in advance.

arrays json angular typescript

Answer 1

Answer №1

If you're aiming to include the original data as an extra `data` attribute, you can achieve this easily by employing a `forEach()` iteration along with the map() method:

array1.forEach((object) => {
    object.category = object.category.map((category) => {
    return {id: category.id, name: category.name, data: category}
  });
})

Hopefully, this approach meets your requirements :-)

Answer 2

If you're aiming to include the original data as an extra `data` attribute, you can achieve this easily by employing a `forEach()` iteration along with the map() method:

array1.forEach((object) => {
    object.category = object.category.map((category) => {
    return {id: category.id, name: category.name, data: category}
  });
})

Hopefully, this approach meets your requirements :-)

Change the format of the array from the initial array to the new array structure

Answer №1

Similar questions

Jersey 2.2 excels at producing XML output smoothly, yet encounters difficulties when generating JSON

Can you explain the distinction between embeddedViewRef and templateRef?

Angular 8: How to Filter an Array of Objects Using Multiple Conditions

How can I enhance speed and efficiency when transferring data into MySQL databases?

Is it possible to generate objects dynamically as the program is running?

Definition of a class in Typescript when used as a property of an object

Utilizing Powershell to eliminate characters from a string

Tips for bringing in a text file within a NodeJS application using TypeScript and ts-node during development

Issue with loading JSON library encountered in the Python-Twitter library

Crashing due to array usage in C programming: Segmentation fault

A circular reference occurs when a base class creates a new instance of a child class within its own definition

Combining two sets of elements in Java to form a Json using Jackson

Find the closest point within a 2D numpy array

When developing an Angular 2 application using Webpack 2, encountering template parse errors such as 'app' not being a recognized element can occur during deployment

Enhancing Vue Filtered Lists for Increased Dynamism

A collection of asynchronous requests stemming from a sole request

Exploring a collection of objects in an Angular 2 component

Personalized data type for the Request interface in express.js

Why is the wrong value being echoed in this code snippet?

Unexpected error: JSON data at line 1 column 1 of the JSON data is incomplete