Create a Listed (Nested) Element in a Javascript object

Question

My question comes from this answer to a similar question. The comment below the answer sums up my question

how would the code look like if you would like to give depth to the tree? Like for name i would like to give name.firstname and name.lastname. Would I need to define name as var?

This is my current code

var jsonOutput =  new Object();;
jsonOutput.workflowID=1234;
jsonOutput.author="jonny"

I want to create a javascript object that looks like the below. I am stuck with creating the list of Tools. How would I do this?

{
  "workflowID": "1234",
  "author": "jonny",
  "tools": [
    {
      "toolid": "543",
      "type": "input",
    },
    {
      "toolid": "3423",
      "type": "input",
    },
    {
      "toolid": "1234",
      "type": "merge",
      "on": "Channel Name"
    }
  ]
}

You aren't working with JSON. JSON is a string that represents a serialised object. — Lee Taylor
– Lee Taylor, Commented May 15, 2022 at 22:59
Does this answer your question? How can I access and process nested objects, arrays or JSON? — user16540390
– user16540390, Commented May 15, 2022 at 23:01

Lee Taylor · Accepted Answer · 2022-05-15 23:01:46Z

0

Create a data object
Populate the inner hierarchy with values
Add a tools array to data
Create tool object and populate
Push tool to the tools array
Repeat

var data = {};

data.workflowID = 1234;
data.author = "jonny";

data.tools = [];

let tool = {};
tool.toolid = 543;
tool.type = "input";

data.tools.push(tool);

tool = {};
tool.toolid = 3423;
tool.type = "input";

data.tools.push(tool);

tool = {};
tool.toolid = "1234";
tool.type = "merge";
tool.on = "Channel Name";
data.tools.push(tool);


console.log(data);

answered May 15, 2022 at 23:01

Lee Taylor

7,99416 gold badges38 silver badges53 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Scovetta · Accepted Answer · 2022-05-15 23:02:25Z

0

Technically, to create a more complex object, you can just do something like:

tool543 = new Object();
tool543.toolid = "543";
tool543.type = "input";

jsonOutput.tools = [];            // Now .tools is an empty array
jsonOutput.tools.push(tool543);   // And now you're appending to it.

answered May 15, 2022 at 23:02

Scovetta

3,1421 gold badge16 silver badges13 bronze badges

Collectives™ on Stack Overflow

Create a Listed (Nested) Element in a Javascript object

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related