Ways to insert an array into an array of objects

Question

Ways to insert an array into an array of objects

Here is the output received from the API:

[
  {
    "order": 0,
    "section_menu_id": 3
  },
  {
    "order": 1,
    "section_menu_id": 1
  }
]

This represents the initial data:

{
  "ordering_data": [
    {
      "order": null,
      "section_menu_id": null
    }
  ]
}

Desired output should look like this:

{
  "ordering_data": [
    {
      "order": 0,
      "section_menu_id": 3
    },
    {
      "order": 1,
      "section_menu_id": 1
    }
  ]
}

Could someone guide me on achieving the expected result? Thank you in advance.

javascript arrays json

Answer 1

Answer №1

let resultFromAPI = [
  {
    "order": 0,
    "section_menu_id": 3
  },
  {
    "order": 1,
    "section_menu_id": 1
  },
]

const startingInfo = {
  "ordering_data": [
    {
      "order": null,
      "section_menu_id": null
    }
  ]
}

startingInfo.ordering_data = resultFromAPI;

Answer 2

let resultFromAPI = [
  {
    "order": 0,
    "section_menu_id": 3
  },
  {
    "order": 1,
    "section_menu_id": 1
  },
]

const startingInfo = {
  "ordering_data": [
    {
      "order": null,
      "section_menu_id": null
    }
  ]
}

startingInfo.ordering_data = resultFromAPI;

Answer 3

Answer №2

Take a look at the code snippet provided below. To append data to an array without overwriting the variable value, utilize the JavaScript array push method as demonstrated in the snippet: (otherwise it will simply result in a new assignment to the variable)

const res = [
  {
    "order": 0,
    "section_menu_id": 3
  },
  {
    "order": 1,
    "section_menu_id": 1
  }
];

const objContainer = {
  "ordering_data": [
    {
      "order": null,
      "section_menu_id": null
    }
  ]
};

//  objContainer["ordering_data"].splice(0,1); // (uncomment to get the desired result)
res.forEach(obj => objContainer.ordering_data.push(obj));
console.log(objContainer)

Answer 4

Take a look at the code snippet provided below. To append data to an array without overwriting the variable value, utilize the JavaScript array push method as demonstrated in the snippet: (otherwise it will simply result in a new assignment to the variable)

const res = [
  {
    "order": 0,
    "section_menu_id": 3
  },
  {
    "order": 1,
    "section_menu_id": 1
  }
];

const objContainer = {
  "ordering_data": [
    {
      "order": null,
      "section_menu_id": null
    }
  ]
};

//  objContainer["ordering_data"].splice(0,1); // (uncomment to get the desired result)
res.forEach(obj => objContainer.ordering_data.push(obj));
console.log(objContainer)

Ways to insert an array into an array of objects

Answer №1

Answer №2

Similar questions

Sending property value to computed properties within a component

Convert a 6x3 DataFrame into a unique 9x2 array by selecting specific elements from the DataFrame to populate the array

Issue with updating required Node.js/Express modules using Chokidar?

Exporting keys of objects one by one

When using ngClick with a parameter, the parameter is not being successfully passed

Changing a number from 0 to 1 in a field using AngularJS (HTML5)

The information was not displayed in the message exchange

Nuxt.js is throwing a TypeError because it is unable to access the 'minify' property since it is undefined

Choose a particular optgroup simultaneously using custom JavaScript

Retrieving the ID value and activating a click function for each link sharing a common class using jQuery

Utilizing Bootstrap Modal functionality in a Django web application to enhance user experience

How can I load a function from the HTML file that is being loaded using .load() in jQuery?

Unable to retrieve information from the Dark Sky API

Using jQuery to transfer data via POST method

Issue with Slim framework's REST API on 000webhost(free web hosting server)

Searching for data in MongoDB with multiple conditions using the Mongoose find

Transform the value of Material-UI DatePicker to seconds

Experiencing difficulties with JWT implementation and seeking to transmit the JWT token to additional APIs

Dimension of the element that has been positioned absolutely

Utilizing the power of Ajax for enhancing table sorting and filtering functionality