JSFiddle - React, Tailwind, and code Playground

HTML

<pre></pre>

JavaScript

var menu = [];
menu[0] = {};
menu[0].name = "asdf";
menu[0].children = [];
menu[0].children[0] = {};
menu[0].children[0].name = "child1";
menu[0].children[1] = {};
menu[0].children[1].name = "child1";

var menu2 = [];
menu2.push({name: "asdf", children: []});
menu2[0].children.push({name: "child1"});
menu2[0].children.push({name: "child2"});

menu2.push({
    name: "asdf2",
    children: [
        {name: "child1"},
        {name: "child2"}
    ]
});

$("pre").text(JSON.stringify(menu, null, 2) + "\n\n" + JSON.stringify(menu2, null, 2));