Parsing JSON tree structure into a specialized JavaScript entity

Question

Parsing JSON tree structure into a specialized JavaScript entity

Here is a JSON string representation:

{ "a1": "root", 
  "a2": "root data", 
  "children": [
    { "a1": "child 1", 
      "a2": "child 1 data", 
      "children": []
    }, 
    { "a1": "child 2", 
      "a2": "child 2 data", 
      "children": [
        { "a1": "child 3", 
          "a2": "child 3 data", 
          "children": []
        }
      ]
    }
  ]
}

I am looking to convert this JSON tree structure into a JavaScript object. The JavaScript object should be defined with the following class structure:

function MyNode(){
    this.a1 = ""
    this.a2 = ""
    this.children = []
}

Essentially, I want to parse the JSON data and create instances of type MyNode with properties a1, a2, and children. The children nodes should also be instances of MyNode with corresponding data from the JSON string.

How can I achieve this? Any guidance would be greatly appreciated.

javascript json tree

Answer 1

Answer №1

To start, use JSON.parse on the given string, then implement a recursive function to build a tree structure using your custom constructor.

Additional Note:

var result = constructTree(json);
    console.log(result);

    function constructTree(input){

       var result = new MyNode();
       result.a1 = input.a1;
       result.a2 = input.a2;

       for(var i in input.children){
           result.children.push(
               constructTree(input.children[i])
           );
       }
       return result;
    }

http://jsfiddle.net/zdeet6v5/1/

Answer 2

To start, use JSON.parse on the given string, then implement a recursive function to build a tree structure using your custom constructor.

Additional Note:

var result = constructTree(json);
    console.log(result);

    function constructTree(input){

       var result = new MyNode();
       result.a1 = input.a1;
       result.a2 = input.a2;

       for(var i in input.children){
           result.children.push(
               constructTree(input.children[i])
           );
       }
       return result;
    }

http://jsfiddle.net/zdeet6v5/1/

Parsing JSON tree structure into a specialized JavaScript entity

Answer №1

Similar questions

Minimize the size of your compiled JavaScript with GWT

Is your AJAX request functional but failing to show any content on the screen?

Unique Menu: Challenge when adjusting the width of 5 divs upon hovering while maintaining full site width at 100%

Failed HTTP request when trying to retrieve data from an external source

Tips for rounding a decimal to 3 decimal places?

I find myself overwhelmed by the number of parameters required to design a REST API. Would it be acceptable to consolidate them into a single JSON object for easier management?

Leveraging JavaScript classes within Angular2

Adjusting package.json settings for an npm module

Attempting to retrieve the value from a nested table within a table row using Jquery

Fill in a text box with a chosen value from a linked drop-down menu

Adjust the size at the location of the cursor

Prevent financial disagreement by utilizing jQuery carefully

Unable to access component data while inside a v-for loop scope

Troubleshooting the compatibility between ActionScript3 and JSON: struggling to find a solution for adapting the code to the keyframe

efficient json generation using rapidjson

Using VueJs to associate boolean values with dropdowns

Error: The architecture arm64 has duplicate symbols in React-Native

Can you explain the significance of the `?` symbol before an object attribute? And why is my TypeScript file not recognizing it?

What is the best way to fill in a property for a mongoose schema?

Adjust the HTML 5 range slider to update according to the selected value