What is the best way to create a tree structure using JavaScript with nodes that contain two arrays nested within an array?

Question

What is the best way to create a tree structure using JavaScript with nodes that contain two arrays nested within an array?

Hey there, I don't have much experience with Javascript (I'm more familiar with C programming) but I need to create a tree structure where each node contains two arrays inside another array.

Here are some C structures that might help:

struct IndexArray {
   void *DataArray;
   void *ChildsArray;
}

struct Node {
   struct IndexArray *ContainerArray;
}

So essentially, each node will have an array, and within this array, there will be two sub-arrays.

I've looked for tree implementations in JavaScript, but none of them seem to match this specific structure I'm looking for.

javascript arrays tree

Answer 1

Answer №1

To create an Array in JavaScript, you have the option of using the Array() constructor or simply creating an array literal with square brackets like this: []

function _Element(x, y) {
  this.ElementsArray = [[x], [y]];
}

var element = new _Element(3, 4);
var j = 1;
console.log(element.ElementsArray[j]);

Another approach is:

class _Element {
  constructor (x = 3, y = 4) {
    this.ElementsArray = [[x], [y]];
  }
}

var element = new _Element();
var j = 1;
console.log(element.ElementsArray[j]);

Answer 2

To create an Array in JavaScript, you have the option of using the Array() constructor or simply creating an array literal with square brackets like this: []

function _Element(x, y) {
  this.ElementsArray = [[x], [y]];
}

var element = new _Element(3, 4);
var j = 1;
console.log(element.ElementsArray[j]);

Another approach is:

class _Element {
  constructor (x = 3, y = 4) {
    this.ElementsArray = [[x], [y]];
  }
}

var element = new _Element();
var j = 1;
console.log(element.ElementsArray[j]);

What is the best way to create a tree structure using JavaScript with nodes that contain two arrays nested within an array?

Answer №1

Similar questions

The data received from the frontend is being replicated in the backend, causing duplication issues in a React

Initiate automatic submission

animation of leaping to a specific element

Update the content inside a <p> tag dynamically using Javascript based on the selected option

Troubleshooting problem: Unable to restrict table selections - issue with Material UI table in React

The issue of page content failing to refresh when loaded using AJAX technology

Combining arrays of arrays within AngularJS

What is the best way to update a div element following a successful AJAX request?

Creating an HTML structure that limits each li to only contain three div elements can be achieved using React and Underscore.js

Toggle React like button

Clicking to reveal a v-date-picker v-menu and automatically focusing on a v-text-field within it?

Formik Alert: Update depth limit reached

JavaScript has been used to modify a cell's URL in jqGrid

Issue: { error: 'Unrecognized interaction', error code: 10062} in discord.js version 14

Having issues transferring a canvas bitmap to a byte array and then re-reading it

Issue with Canvas Update in Loop while Using Three.js Library

Error message: 'Unsupported projection operation: $push: { ... }', error code: 2, code name: 'InvalidOperation' }

Retrieving data from the database using getStaticProps in Next.js

Incorporating JavaScript and CSS files into a content page of a master page in ASP.NET: Steps to follow

What is the best way to submit a Redux Form only if there have been changes made to any of the fields