JavaScript: Leveraging arrays as key values

Question

JavaScript: Leveraging arrays as key values

Is there a way in javascript to create an Object with keys as numbers and values as arrays of objects?

I am aiming to generate an object structured like this:

{Key: "1", value: [Object, Object, ...], key: "2", value: [Object, Object, ...], key:"N", value: [Object, Object, ...]}

Can this be achieved in javascript/typescript? If so, how?

I attempted the following code:

let myObj = {};
myObj["1"] = myObj["1"].push(Object)

However, the above code does not seem to be functioning as expected.

javascript arrays typescript object ecmascript-6

Answer 1

Answer №1

When using the push method, remember that it returns the new length of the array. Simply call the function without using the return value and ensure that the target array is initialized beforehand:</p>

<pre><code>let myCustomObject = {};
myCustomObject["1"] = myCustomObject["1"] || [];
myCustomObject["1"].push(Object);

To add more clarity, you can also create a custom type:

type objWithObjects = { [key: string]: object[] }

Answer 2

When using the push method, remember that it returns the new length of the array. Simply call the function without using the return value and ensure that the target array is initialized beforehand:</p>

<pre><code>let myCustomObject = {};
myCustomObject["1"] = myCustomObject["1"] || [];
myCustomObject["1"].push(Object);

To add more clarity, you can also create a custom type:

type objWithObjects = { [key: string]: object[] }

Answer 3

Answer №2

There are multiple ways to achieve this goal. For example, in TypeScript, you can create a custom type to define the structure of your desired object:

type CustomType = { [key: number]: Array<any> };

const yourObject: CustomType = {
  1 : [1,2,3],
  2 : ['a','b','c'],
  3 : [ new Object(), new Object() ]
};

In JavaScript, you can achieve the same result without typing:

const yourObject = {
  1: [1, 2, 3],
  2: ['a', 'b', 'c'],
  3: [new Object(), new Object()]
};

console.log(yourObject);

yourObject[2].push('d', 'e', 'f');

console.log(yourObject);

I hope this explanation is helpful!

Answer 4

There are multiple ways to achieve this goal. For example, in TypeScript, you can create a custom type to define the structure of your desired object:

type CustomType = { [key: number]: Array<any> };

const yourObject: CustomType = {
  1 : [1,2,3],
  2 : ['a','b','c'],
  3 : [ new Object(), new Object() ]
};

In JavaScript, you can achieve the same result without typing:

const yourObject = {
  1: [1, 2, 3],
  2: ['a', 'b', 'c'],
  3: [new Object(), new Object()]
};

console.log(yourObject);

yourObject[2].push('d', 'e', 'f');

console.log(yourObject);

I hope this explanation is helpful!

JavaScript: Leveraging arrays as key values

Answer №1

Answer №2

Similar questions

Is it possible to utilize an if statement to select a specific Bootstrap modal?

How can I transfer a PHP variable into a JavaScript variable nested within another PHP variable

Step-by-step guide for implementing an "on change" event for a select box within a dialog box

The CSP header is configured incorrectly, please correct it

Sorting a list with anchor tags alphabetically using Javascript/JQuery

Enhancing the $routeProvider templateUrl request with extra data

Only show the directive methods when using "ng-if"

Change the WordPress Divi Builder nav bar to switch from transparent to white when scrolling or upon reaching a specific point on the page

Having trouble with Route Param in React after deploying the application to an Apache server

Experiencing difficulties with parsing JSON data and storing values in a database

I'm seeing a message in the console that says "Form submission canceled because the form is not connected." Any idea why this is happening?

Is it permissible to use multiple JWT tokens in the HTTP header?

Encountering Problem with NextJS and Typescript when Attempting to Import Protected Authentication to a Page

Any ideas on how to potentially establish a default route based on conditions with react-router-dom v6?

Converting axios response containing an array of arrays into a TypeScript interface

JavaScript - rearrange array of objects based on specified property

tsconfig.json respects the baseUrl for absolute imports inconsistently

Opt for employing a JavaScript variable over a JSON file

Is there a way to combine several WAV audio blobs into one cohesive file?

Alternative Options for Playing Audio in Internet Explorer 8