Generating a collection of items within a JavaScript object

Question

Generating a collection of items within a JavaScript object

Struggling with sending a json object to a java API backend that requires an Object containing a list of objects.

Wondering if it's possible to create a list of objects inside a javascript Object. While I know we can create an "Array" of objects within an Object, the data structure needed is a bit more complex.

https://i.sstatic.net/BKLsK.png

In the assignToMap Object, there are key value pairs where the key is an integer and the value is an array. I have tried other solutions but could only come up with creating an array of objects inside an Object like this.

https://i.sstatic.net/g0ko6.png

Any assistance or suggestions would be greatly appreciated.

javascript arrays json object data-structures

Answer 1

Answer №1

If you wish to create the specific structure mentioned, a JSON representation would look like this:

{
  "assignToMap": {
    "123": [1, 2, 3, 4],
    "345": [1, 2, 3, 4],
    "678": [1, 2, 3, 4]
  }
}

It's not entirely clear if this is the information you are seeking!

Answer 2

If you wish to create the specific structure mentioned, a JSON representation would look like this:

{
  "assignToMap": {
    "123": [1, 2, 3, 4],
    "345": [1, 2, 3, 4],
    "678": [1, 2, 3, 4]
  }
}

It's not entirely clear if this is the information you are seeking!

Answer 3

Answer №2

It seems like you are referring to an associative array, which can be created using curly braces. Essentially, it is an array of objects containing key-value pairs.

var myArray = [
  { key1: "value1", key2: "value2", key3: "value3" },
  { key4: "value4", key5: "value5", key6: "value6" },
  { key7: "value7", key8: "value8", key9: "value9" }
]

Answer 4

It seems like you are referring to an associative array, which can be created using curly braces. Essentially, it is an array of objects containing key-value pairs.

var myArray = [
  { key1: "value1", key2: "value2", key3: "value3" },
  { key4: "value4", key5: "value5", key6: "value6" },
  { key7: "value7", key8: "value8", key9: "value9" }
]

Answer 5

Answer №3

Let me clarify, to set integers as keys in a map, you need to use quotation marks around the numbers:

numberMap = {
   "123" : [1,2,3,4],
   "567" : [1,2,3,4]
}

Answer 6

Let me clarify, to set integers as keys in a map, you need to use quotation marks around the numbers:

numberMap = {
   "123" : [1,2,3,4],
   "567" : [1,2,3,4]
}

Answer 7

Answer №4

From what I gathered, it seems like all you have to do is utilize [] with your object. Take a look at this solution:

let mapAssign = {};
mapAssign[123] = [1, 2, 3, 4];

My assumption is that you attempted mapAssign.123 and encountered issues.

Answer 8

From what I gathered, it seems like all you have to do is utilize [] with your object. Take a look at this solution:

let mapAssign = {};
mapAssign[123] = [1, 2, 3, 4];

My assumption is that you attempted mapAssign.123 and encountered issues.

Answer 9

Answer №5

Absolutely, achieving this is a breeze.

Take a look below:

var obj = {};
obj.assignToMap = [{
        58343: [
            22100,
            2495
        ]
    },
    {
        c: [
            1, 2, 3
        ]
    }
]

console.log(obj)

If you execute the above code in Firefox console, it will display an object of objects. However, running the same code in Chrome console will show an Array as well. It's just a browser compatibility issue, no need to worry.

https://i.sstatic.net/jz0Qa.png

https://i.sstatic.net/I7jso.png

Answer 10

Absolutely, achieving this is a breeze.

Take a look below:

var obj = {};
obj.assignToMap = [{
        58343: [
            22100,
            2495
        ]
    },
    {
        c: [
            1, 2, 3
        ]
    }
]

console.log(obj)

If you execute the above code in Firefox console, it will display an object of objects. However, running the same code in Chrome console will show an Array as well. It's just a browser compatibility issue, no need to worry.

https://i.sstatic.net/jz0Qa.png

https://i.sstatic.net/I7jso.png

Generating a collection of items within a JavaScript object

Answer №1

Answer №2

Answer №3

Answer №4

Answer №5

Similar questions

What is the best way to export image paths using require() from a single index.js file in a React Native project?

Retrieve, establish cookies, and guard against CSRF attacks

Guide on executing MySQL queries in AngularJS with the help of the Laravel 4 framework

Currently, I am working on developing a to-do task manager using Angular 2. One of the tasks I am tackling involves updating the value

Integrate jquery into an expressJs application

Encountering issues with integrating interactjs 1.7.2 into Angular 8 renderings

Step-by-step guide on accessing values from a JavaScript object

Update the positioning of the element to center instead of the default top left origin using jQuery

What is the best way to customize the appearance of chosen selections in the MUI Autocomplete component?

Ways to choose a designated element without relying on ids or classes

Quasar QDrawer module - locking closure

React JS progress circle bar is a simple and effective way to visualize

Obtaining the local IP address of my system with React JS

How to effectively utilize string and table data types in Oracle stored procedures

Why won't my controller function fire with ng-click in AngularJS?

Ways to prevent the loading of images during webpage loading

The masonry reorganization is behaving strangely

The chart JS label callback requires a specified type declaration

The error "Facebook API offline conversion event parameter data must be in array format" has occurred

Can the value of a key be changed to match the condition in a find() query when using Mongoose?