Is there a way to append items to the main level of an array?

Question

Is there a way to append items to the main level of an array?

I am attempting to populate an array with objects in order to achieve the following structure:

myobject1: Object:
    ItemInside: Object
myobject2: Object
    ItemInside: Object
myobject3: Object
    ItemInside: Object
myobject4: Object
    ItemInside: Object

However, the objects are currently being added in a different structure:

0: Object
    myobject1: Object
        ItemInside: Object
1: Object
    myobject2: Object
        ItemInside: Object
2: Object
    myobject3: Object
        ItemInside: Object
3: Object
    myobject4: Object
        ItemInside: Object

The code used for populating the second array is as follows:

var myarr = [];
$.each(returnedData, function (index, value) {

    var field = {};
    field[value.Name] = {
         display: value.DisplayName,
         cssClass: value.FieldType,    
    };
    myarr.push(field);
});

Although my array contains all the necessary information without errors, it is structured incorrectly.

An example of the current structure can be seen here:

In essence, I am simply trying to add the "myobjects" to the parent object, but they are instead being added as their own parents. How can I modify the code to achieve the desired structure?

javascript arrays

Answer 1

Answer №1

If you're looking to transform the top-level array into an object with keys like item1 through item4, this solution might be what you need:

let newObj = {};
data.forEach((element, index) => {
    newObj[element.Name] = {
        info: element.Description,
        category: element.Type,
    };
});

Answer 2

If you're looking to transform the top-level array into an object with keys like item1 through item4, this solution might be what you need:

let newObj = {};
data.forEach((element, index) => {
    newObj[element.Name] = {
        info: element.Description,
        category: element.Type,
    };
});

Is there a way to append items to the main level of an array?

Answer №1

Similar questions

Removing unnecessary keys from intricate JSON data (with the use of pure JavaScript)

Running multiple instances of setTimeout() in JQuery

Guide on accessing a nested array within a JSON object using JavaScript

Steps to retrieve an incorrect fruit when it is located as the initial item within the array

The JSON.stringify method may not accurately reflect the original object that was converted into a string

Guide on retrieving URL data using Ajax

What is the method for obtaining the socket object for individual users who are connected in Node.js?

Looping through a dynamic array in Vue.js

The input given to Material UI autocomplete is incorrect, even though the getOptionSelect parameter already exists

Creating a circular image in a responsive navigation bar

Numerous Levels of Dropdown Menus

There seems to be a disconnect between the React Redux store

Prevent incorrect data input by users - Enhancing JavaScript IP address validation

The Socket IO Client is receiving a different object than the one that was sent by the Server

Unable to render data in Chart JS using PHP JSON

Internet Explorer 11 is not interested in giving attention to a disabled element

Tips for converting a "callback pyramid" into a promise-based structure

Troubleshooting Google Authorization Issue in Angular 17: How to Fix the Error TS2304: 'google' Not Found in Angular 17

I am sending JSON as form data using JavaScript and then accessing it in PHP. During this process, the quotation marks are being replaced with their HTML entity equivalent

When attempting to send a request for the JSON body to Node.js using the await fetch method, I encountered an issue