Quick and dirty menu using nested arrays to any level and recursion

menu_example.js

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script>
var menu = [
    {name: "item 1", link: "http://google.com"},
    {name: "item 2", items: [
        {name: "subitem1", link: "#" },
        {name: "subitem2", link: "#" }
    ]},
    {name: 'item 3', link: 'http://u-dox.com'},
    {name: 'item 4', link: '#'},
    {name: "item 5", items: [
        {name: "subitem1", link: "#" },
        {name: "subitem2", link: "#" },
        {name: "subsub menu!", items: [
            {name: 'item 1', link: '#'},
            {name: 'item 2', link: '#'},
            {name: 'item 3', link: '#'},
            {name: 'item 4', link: '#'}
        ]}
    ]},
]

function render_menu(menu) {
    var out = '<ul>';
    for(var i=0; i<menu.length; i++) {
        if(menu[i].items !== undefined) {
            out += render_menu(menu[i].items);
        } else {
            out += '<li><a href="' + menu[i].link + '">' + menu[i].name + '</a></li>';
        }
    }
    out += '</ul>';
    return out;
}

$(document).ready(function() {
    $('body').prepend(render_menu(menu));
});
</script>