• 核心知识点： 这里记录一次，脑筋急转的东西。导致严重怀疑我是否还知合做程序。 好好体会一下任何一门语言的堆栈。
• 这里还是说成javascript对象的引用。然后去脑补一下。不然无限分类递归。这个算法。始终无法理解。

//javascript  树形结构
function toTree(data) {
        // 删除 所有 children,以防止多次调用
        data.forEach(function (item) {
            delete item.children;
        // 将数据存储为 以 id 为 KEY 的 map 索引数据列
        var map = {};
        data.forEach(function (item) {
            map[item.id] = item;
//        console.log(map);
        var val = [];
        data.forEach(function (item) {
            // 以当前遍历项，的pid,去map对象中找到索引的id
            var parent = map[item.pid];
            // 好绕啊，如果找到索引，那么说明此项不在顶级当中,那么需要把此项添加到，他对应的父级中
            if (parent) {
                (parent.children || ( parent.children = [] )).push(item);
            } else {
                //如果没有在map中找到对应的索引ID,那么直接把 当前的item添加到 val结果集中，作为顶级
                val.push(item);
        return val;
 
完整版的实例放在本篇文章的结尾 -_-~~~~
 
需求：首先这是一个数据集----javascript的类型，我们需要把生成一个tree形式的对象
 
var data = [
            id:1,
            name :"一级分类：1",
            pid :0,
            id:2,
            name :"二级分类：1",
            pid :1,
            id:3,
            name :"三级分类：3",
            pid :2,
            id:4,
            name :"一级分类：2",
            pid :0,
            id:7,
            name :"f级分类：2",
            pid :4,
            id:10,
            name :"f级分类：2",
            pid :7,
            id:9,
            name :"f级分类：2",
            pid :10,
            id:12,
            name :"f级分类：2",
            pid :9,
            id:15,
            name :"f级分类：2",
            pid :12,
            id:13,
            name :"f级分类：2",
            pid :15,
先自我分析一下。 id,与pid之间的对应关系，当pid不存在，或pid:0的时候，这一项，应该为树的顶端
 
那么我们需要去重新建一次索引，怎么建呢，，，以原数据集的id的值，重新生成一个数据集
 
结果应该是这样的
 
 
这一步实现起来很简单
 
var data = [
            id:1,
            name :"一级分类：1",
            pid :0,
            id:2,
            name :"二级分类：1",
            pid :1,
            id:3,
            name :"三级分类：3",
            pid :2,
            id:4,
            name :"一级分类：2",
            pid :0,
            id:7,
            name :"f级分类：2",
            pid :4,
            id:10,
            name :"f级分类：2",
            pid :7,
            id:9,
            name :"f级分类：2",
            pid :10,
            id:12,
            name :"f级分类：2",
            pid :9,
            id:15,
            name :"f级分类：2",
            pid :12,
            id:13,
            name :"f级分类：2",
            pid :15,
// 将数据存储为 以 id 为 KEY 的 map 索引数据列
// 如果你是新手请不要跳过看这里。
//var data  与 var map的关系，，他们实际上是引用关系
//比如我这里  再来一个    var parent = data[1].pid,,,然后我往parent写东西的时候实际是,map与data也是发生变化了的
        var map = {};
        data.forEach(function (item) {
            map[item.id] = item;
		console.log(map);
有了以ID为索引数据的集合map 数组之后。
 我开始遍历原数据集 data ,看下面代码。分析，在遍历原数据集的时候，每一个对象中都有他自己的pid属性，指向了他的父级。
 
那么我需要 当前项item的pid值 也就是 item.pid 然后这个值拿到之后在之前我们生成的map中去索引
 
 
即 var parent = map[item.pid] ,这个parent 便是 item的父级对象
 
好绕啊,当然这个父级对象是有可能不存在的比 item.pid ==0的时候。它的父级对象在map索引的结果会是null
 
所以我们要去判断 parent是否为真。
 
 
1.parent 为null时，很好理解 即此项 item为树形的顶级 只需要push到结果中就行了
 2.parent 为真值时，这个parent是父级的引用对吧，我们要在父级这个对象中新增一个属性: children 儿子，然后我把当前的 item项 push到 children属性中去
 
var val = [];
        data.forEach(function (item) {
            // 以当前遍历项，的pid,去map对象中找到索引的id
            var parent = map[item.pid];
            // 好绕啊，如果找到索引，那么说明此项不在顶级当中,那么需要把此项添加到，他对应的父级中
            if (parent) {
                (parent.children || ( parent.children = [] )).push(item);
            } else {
                //如果没有在map中找到对应的索引ID,那么直接把 当前的item添加到 val结果集中，作为顶级
                val.push(item);
<script>
    var data = [
            id:1,
            name :"一级分类：1",
            pid :0,
            id:2,
            name :"二级分类：1",
            pid :1,
            id:3,
            name :"三级分类：3",
            pid :2,
            id:4,
            name :"一级分类：2",
            pid :0,
            id:7,
            name :"f级分类：2",
            pid :4,
            id:10,
            name :"f级分类：2",
            pid :7,
            id:9,
            name :"f级分类：2",
            pid :10,
            id:12,
            name :"f级分类：2",
            pid :9,
            id:15,
            name :"f级分类：2",
            pid :12,
            id:13,
            name :"f级分类：2",
            pid :15,
   function tree(data) {
        let map = {};
        let val = [];
        //生成数据对象集合
        data.forEach(it=>{
            map[it.id] = it;
        //生成结果集
        data.forEach(it=>{
            const parent = map[it.pid];
            if(parent){
                if(!Array.isArray(parent.children)) parent.children = [];
                parent.children.push(it);
            }else{
                val.push(it);
        return val;
    console.log(tree(data))
</script>
				
在原有的基础上进行二次修改，通过ajax请求，获取json数组，迭代json数组生成多层级的数据字典。当前例子中数据源为模拟的json数据。当然该方法是支持无限级父子关系。修改之前的源码均来自网上，本人只是对当前做了整合和修改。当前你所有的记录中需要包含id和parentId，也就是有父子关系即可。你的数据源必须是一维的json数组。zNodes=[
			{id:1,pId:0,name:"AAA"},
			{id:11,pId:1,name:"AAA1"},
			{id:12,pId:1,name:"AAA2"},
			{id:13,pId:1,name:"AAA3"},
			{id:2,pId:0,name:"BBB"},
			{id:21,pId:2,name:"BBB1"},
			{id:22,pId:2,name:"BBB2"},
			{id:23,pId:2,name:"BBB3"},
			{id:3,pId:0,name:"CCC"},
			{id:31,pId:3,name:"CCC1"},
			{id:32,pId:3,name:"CCC2"},
			{id:33,pId:3,name:"CCC3"},
			{id:34,pId:31,name:"CCCCx"},
			{id:35,pId:31,name:"CCCCy"},  
			{id:36,pId:31,name:"CCCCz"}    
recurrenceTree.js 
noRecurrenceTree.js解释一下各个文件：index.html 是用来演示的 HTML 文件。 
jsonData.js 里面存储着多叉树的JSON数据。 
recurrenceTree.js 递归算法遍历树。 
noRecurrenceTree.js 非递归算
百度源代码如下：
2     html xmlns=http://www.w3.org/1999/xhtml xmlns:bd=http://www.baidu.com/2010/xbdml>
3     head>
4     m
{ id: 1, name: "办公管理", pid: 0 },
{ id: 2, name: "请假申请", pid: 1 },
{ id: 3, name: "出差申请", pid: 1 },
{ id: 4, name: "请假记录", pid: 2 },
{ id...
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-...