Creating dynamic nested objects using Javascript

Question

Creating dynamic nested objects using Javascript

In my quest to create serialized objects within the main object, I have come up with the concept of a solar system as an example of nesting. This allows me to access a variable by referencing it like this:

universe.system1.planet4.x

The hierarchy is universe > system > planet, and so on.

I am facing a dilemma with generating nested structures. Currently, I can only successfully implement one level of nesting.

setInterval(onTimerTick, 1000); 
function onTimerTick() {

var entityCount = 4;
for (i = 1; i < entityCount; i++){
console.log('system' + i)
universe['planet' + i] = [entityCount, entityCount, entityCount, entityCount];  
}//entitycounts in object are placeholder for more data
console.log(universe);
}

var universe = {
}

Output

Object {
system0: [5, 5, 5, 5],
system1: [5, 5, 5, 5],
system2: [5, 5, 5, 5],
system3: [5, 5, 5, 5]
}

Every attempt at adding further nesting layers results in failure.

javascript object dynamic nested

Answer 1

Answer №1

Could this possibly be the solution?

In order to achieve this result, you will need to implement X nested loops, where X represents the desired number of nested levels.

const nbSystem = 5;
const nbPlanetPerSystem = 3;

// Establish the base structure
const universe = {};

// Generating systems
for (let i = 0; i < nbSystem; i += 1) {
  universe[\`system${i + 1}\`] = {};

  // Creating planets
  for (let j = 0; j < nbPlanetPerSystem; j += 1) {
    universe[\`system${i + 1}\`][\`planet${j + 1}\`] = 'something';
  }
}

console.log(universe);

console.log(universe.system3.planet3);

Answer 2

Could this possibly be the solution?

In order to achieve this result, you will need to implement X nested loops, where X represents the desired number of nested levels.

const nbSystem = 5;
const nbPlanetPerSystem = 3;

// Establish the base structure
const universe = {};

// Generating systems
for (let i = 0; i < nbSystem; i += 1) {
  universe[\`system${i + 1}\`] = {};

  // Creating planets
  for (let j = 0; j < nbPlanetPerSystem; j += 1) {
    universe[\`system${i + 1}\`][\`planet${j + 1}\`] = 'something';
  }
}

console.log(universe);

console.log(universe.system3.planet3);

Creating dynamic nested objects using Javascript

Answer №1

Similar questions

Tips for directing attention to a specific row with an input field in JavaScript

HTML5 Canvas Border

Leveraging AngularJS for parent-child communication through bindings in a unique and effective manner

Manipulate the CSS style of the body element in Angular with Typescript using the important tag

What steps can be taken to determine the cause of an abrupt closure of a websocket client?

Why does this switch case statement fail to effectively replace the elements of the text in order to unravel this JavaScript problem?

Step-by-step guide on activating a controller function following an Animation in Angular JS

IntelliJ does not support the use of newlines within Vue.js component templates

Utilize the information from the first page in order to enhance the content on

A guide on implementing a TypoError in Node.Js and Discord.Js for enabling a bot to enter a voice channel

Interactive Show Map with Autocompletion Feature

Is it possible to simultaneously use the same plugin with various configurations and unique names in Vue?

Text input field that adjusts its width based on content and remains

Resetting the positions of images can be done by following these

Unable to create a flawless circle using Canvas

Automate the detection of a connected device via USB on a NodeJS server

Is it not possible to generate HTML tags using jQuery and JavaScript in JSF?

Leveraging Flask to pass data to Google Charts with JavaScript

ASP TextChanged event is not triggering unless the user presses the Enter key or tabs out

Dealing with problematic hover behaviors in Cypress: A guide