js树结构数据和数组相互转换方法

<script>
		var pub = {
		 // tree 为当前树的数据源  key为父节点key值
		        treeTransArray: function(tree, key) {
		            return tree.reduce(function(con, item) {
		                var callee = arguments.callee;
		                con.push(item);
		                if (item[key] && item[key].length >0)
		                    item[key].reduce(callee, con);
		                return con;
		            }, []).map(function(item){
                    item[key] = [];
                    return item;
		        },
		        //数组转树
		        // list 数组数据源 ,key 对应父节点id字符串
		        arrayTransTree: function(list ,key) {
		            var tree = list.filter(function(parent) {
		                var branchArr = list.filter(function(child) {
		                    return parent.id == child[key];
		                });
		                 parent.nodes = [];
		                if (branchArr.length > 0) {
		                    parent.nodes = branchArr;
		                }
		                return parent[key] == "";
		            });
		            return tree;
		        },	
		        
		    }

		    var tree = [{
		    	id:"parent",
		    	parentId:"",
		    	name:"一级节点",
		    	childs:[{
		    		id:"child1",
			    	parentId:"parent",
			    	name:"一级节点",
			    	childs:[]
		    	},{
		    		id:"child2",
			    	parentId:"parent",
			    	name:"一级节点",
			    	childs:[]
		    	}]
		    }]

		    var arr = pub.treeTransArray(tree,'childs'); //输出转换后数组
		    console.log(arr);
		    var _tree = pub.arrayTransTree(arr,'parentId');//输出转换后树
		    console.log(_tree);
		    
	</script>
  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值