如何根据 json 生成无限极动态菜单

[0f2e3z8n4z]

//每一个菜单是平行的。
{
	"MENU_ID": 1,
	"MENU_NAME": "系统管理",
	"MENU_URL": "#",
	"PARENT_ID": "0",//顶级菜单
	"MENU_ORDER": "1"//菜单的顺序
}，
{
	"MENU_ID": 2,
	"MENU_NAME": "权限管理",
	"MENU_URL": "#",
	"PARENT_ID": "1",//父级菜单是系统管理
	"MENU_ORDER": "1"//菜单的顺序
}

...后面还有好多菜单

MENU_ID 是菜单的标识符

PARENT_ID 说明父级菜单是谁

DOM 结构

<ul>
    <li>
    	<a>系统管理</a>
        <ul>
            <li>
            	<a>权限管理</a>
                <!-- 后面也许还有子菜单，也许子菜单后面还有子菜单  -->
            </li>
        </ul>
    </li>
</ul>

我的思路是用一个数据来存储顶级菜单和它的子菜单，然后用字符串一个一个拼起来

但是我发现，我在写的过程中要使用很多的 for 循环，而且我自己写的时候写的挺乱的。

这种问题是不是用设计结构会好解决一点？不过数据结构上学期学了，这学期都忘了不少 = =

[sherlocktheplant]

用递归

[Spectre]

ztree

[0f2e3z8n4z]

@Spectre 不打算用插件

[reus]

https://gist.github.com/reusee/a92f2f4f116ee4e742392460b9542558

[bramblex]

http://7xr7a3.com1.z0.glb.clouddn.com//demo/tree.html#

[0f2e3z8n4z]

@reus thx