js 数组添加对象_JS数组 父子关系 生成 对象

29abcac2501c523f4012c78470538c18.png

JS数组(父子关系)数据如下:

var 

JS数组 ID关系图,如下:

|-0
  |-2
    |-4

  |-3
    |-5
      |-9
        |-10
    |-6
      |-7
        |-8

JS 转换代码:

var getJsonTree=function(data,parentId){
        var itemArr=[];
        for(var i=0;i<data.length;i++){ 
            var node=data[i];
            //data.splice(i, 1)
             if(node.parentId==parentId ){ 
                var newNode={id:node.id,title:node.name,nodes:getJsonTree(data,node.id)};
                itemArr.push(newNode);              
             }
        }
        return itemArr;
    }

使用方法:

var jsonArray = getJsonTree(data,'0');
console.log(jsonArray);

这是输出结果.

[{
	"id": "1",
	"title": "主目录",
	"nodes": [{
		"id": "2",
		"title": "1级目录:2",
		"nodes": [{
			"id": "4",
			"title": "2级目录:4",
			"nodes": []
		}]
	}, {
		"id": "3",
		"title": "1级目录:3",
		"nodes": [{
			"id": "5",
			"title": "2级目录:5",
			"nodes": [{
				"id": "9",
				"title": "3级目录:9",
				"nodes": [{
					"id": "10",
					"title": "4级目录:10",
					"nodes": []
				}]
			}]
		}, {
			"id": "6",
			"title": "2级目录:6",
			"nodes": [{
				"id": "7",
				"title": "3级目录:7",
				"nodes": [{
					"id": "8",
					"title": "4级目录:8",
					"nodes": []
				}]
			}]
		}]
	}]
}]

<注意:上面的输出中,即使nodes为空数组,也将该属性输出了,如果nodes为空,不进行输出,使用下面代码.>

下面的代码做了判断,如果数组为空,将不给对象添加nodes属性

               var getJsonTree=function(data,parentId){
                    var itemArr=[];
                    for(var i=0;i<data.length;i++){ 
                        var node=data[i];
                        //data.splice(i, 1)
                         if(node.parentId==parentId ){ 
                            var newNode={id:node.id,title:node.name};
                            var result = getJsonTree(data,node.id);
                            if(result.length > 0) {
                                newNode['nodes'] = result
                            }
                            itemArr.push(newNode);              
                         }
                    }
                    return itemArr;
                }

输出结果:

[{
	"id": "1",
	"title": "主目录",
	"nodes": [{
		"id": "2",
		"title": "1级目录:2",
		"nodes": [{
			"id": "4",
			"title": "2级目录:4"
		}]
	}, {
		"id": "3",
		"title": "1级目录:3",
		"nodes": [{
			"id": "5",
			"title": "2级目录:5",
			"nodes": [{
				"id": "9",
				"title": "3级目录:9",
				"nodes": [{
					"id": "10",
					"title": "4级目录:10"
				}]
			}]
		}, {
			"id": "6",
			"title": "2级目录:6",
			"nodes": [{
				"id": "7",
				"title": "3级目录:7",
				"nodes": [{
					"id": "8",
					"title": "4级目录:8"
				}]
			}]
		}]
	}]
}]
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值